input type=number 去掉输入框中的上下箭头
2017-10-09 22:03
585 查看
html 代码
css 代码
默认:<input type="number" /><br><br> 处理:<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类型为number时,去掉上下箭头方式
- 输入框input类型为number时,去掉上下箭头方式
- input[type='number']中去掉右边上下箭头,并禁用滚动加减
- 去掉H5中number输入框的上下箭头
- 移除input type="number"的上下箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 去除input type=“number”上下箭头的方法
- 注册登录时输入11位手机号,不能输入字母和特殊字符,input number类型去掉上下加减箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除input在type="number"时的上下箭头和禁用鼠标滚轮事件
- input在type="number"时去右边上下箭头
- css input[type=number]去掉上下箭头,只能输入数字
- 【转】移除HTML5 input在type="number"时的上下小箭头
- 【转】移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- input类型为number的时候,如何去掉浏览器自带的上下箭头?
- 移除HTML5 input在type="number"时的上下小箭头
- 去除input type="number" 浏览器自带上下箭头
- 移除HTML5 input在type="number"时的上下小箭头