美文网首页
去掉input type=number时默认控件的方法

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

作者: 唐伟_0639 | 来源:发表于2019-06-28 00:17 被阅读0次

默认:<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;

}

相关文章

网友评论

      本文标题:去掉input type=number时默认控件的方法

      本文链接:https://www.haomeiwen.com/subject/xsbylqtx.html