去掉input type=number时默认控件的方法
2018-03-05 11:43
489 查看
默认：<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 type=number中如何去掉输入框中的上下箭头 的方法
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 去掉input标签type="number" 的默认格式
- Android控件EditText的属性InputType的一些经验及动态设置TYPE_NUMBER_FLAG_DECIMAL无效的原因
- Android控件EditText的属性InputType的一些经验及动态设置TYPE_NUMBER_FLAG_DECIMAL无效的原因
- 修改input type=file 标签默认样式的简单方法
- 去掉 input type="number" 在浏览器中遗留的图标样式
- jquery对所有input type=text的控件赋值实现方法
- html5 input type number 去掉加减号
- IE6/7下多种方法移除button、input 默认边框和去掉焦点线
- 去除input type=“number”上下箭头的方法
- input type=number 去掉输入框中的上下箭头
- 去除input[type=number]的默认样式
- input file控件限制上传文件类型 网页上添加一个input file HTML控件： 1 <input id="File1" type="file" /> 默认是这样的，所有文件类
- 关于如何给<input type="date">设置默认当前日期的方法 和 给table固定宽度
- 去掉 input type="number" 右边图标
- 点击上翻按钮输入框中加1，点下按钮输入框中减1 去掉type=“number”的默认按钮
- type为number的input标签输入小数的方法
- input[type='number']中去掉右边上下箭头，并禁用滚动加减
- input [type=search] 搜索框去掉默认边框和旁边的小图标
- input中 type=number 的文本框（数字框） 去掉箭头 且不能输入e和标点符号
- .Net后台获取前台input控件值方法