css input[type=number]去掉上下箭头，只能输入数字
2018-02-07 11:49
645 查看
<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" class="form-control regis_inp" placeholder="请输入电话号码">
/*在谷歌下移除input[number]的上下箭头*/
.regis_box input[type='number']::-webkit-outer-spin-button,
.regis_box input[type='number']::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
/*在firefox下移除input[number]的上下箭头*/
.regis_box input[type="number"]{-moz-appearance:textfield;}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- input中 type=number 的文本框（数字框） 去掉箭头 且不能输入e和标点符号
- 设置键盘只能输入数字（ phoneNumTextField.keyboardType = UIKeyboardTypeNumberPad;）
- 注册登录时输入11位手机号，不能输入字母和特殊字符，input number类型去掉上下加减箭头
- input type=number 去掉输入框中的上下箭头
- 移动web端<input type="number">手机上点击直接打开数字键盘，并修改样式去除最右端上下箭头
- input[type='number']中去掉右边上下箭头，并禁用滚动加减
- andriod InputType.TYPE_NUMBER_FLAG_DECIMAL只能输入数字和小数点无效问题
- input在type="number"时去右边上下箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 在input的type="text"里控制只能输入数字
- 去除input type="number" 浏览器自带上下箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 移除input type="number"的上下箭头
- 在input的type="text"里控制只能输入数字
- 【转】移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- 去除<input type="number" /> 上下箭头
- input type为text 时只能输入数字
- 移除HTML5 input在type="number"时的上下小箭头
- 【转】移除HTML5 input在type="number"时的上下小箭头