去掉input type=number时默认控件的方法

2019-06-28  本文已影响0人  唐伟_0639

默认:<input type="number" />

处理:<input type="number" class="deal" />

CSS代码:

  /*添加背景色*/

.deal::-webkit-textfield-decoration-container {

  background-color: #f0f3f9;  

}   

 /*去掉input 输入框右边的上下箭头按钮*/

.deal::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.deal::-webkit-outer-spin-button {

  -webkit-appearance: none;

}

上一篇 下一篇

猜你喜欢

热点阅读