input去掉输入框type为number时的上下箭头的实现方法

简介: input去掉输入框type为number时的上下箭头的实现方法

css:

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}



即可去除上下箭头。

相关文章
|
6天前
|
JavaScript 前端开发
js数字(Number)方法汇总
js数字(Number)方法汇总
25 0
|
6天前
|
Python
创建自定义函数 is_number() 方法来判
创建自定义函数 is_number() 方法来判
|
9月前
|
JavaScript 前端开发
js/javascript——常见Number的常用方法
js/javascript——常见Number的常用方法
54 0
|
10月前
|
存储 JavaScript 前端开发
JavaScript】基本数据类型与引用数据类型区别(及为什么String、Boolean、Number基本数据类型会有属性和方法?)
JavaScript】基本数据类型与引用数据类型区别(及为什么String、Boolean、Number基本数据类型会有属性和方法?)
72 0
|
10月前
Number的常用方法
Number的常用方法
46 0
|
算法
Number & Math 类方法
Number & Math 类方法
39 0
|
PHP
php保留小数点3种方法,number_format,round和sprintf区分
php保留小数点3种方法,number_format,round和sprintf区分
199 0
|
JavaScript
VUE element-ui之输入框限制只能输入数字number类型及表单校验
VUE element-ui之输入框限制只能输入数字number类型及表单校验
2173 0
VUE element-ui之输入框限制只能输入数字number类型及表单校验
|
前端开发
css:input数字编辑框number去掉右侧上下箭头
css:input数字编辑框number去掉右侧上下箭头
279 0
css:input数字编辑框number去掉右侧上下箭头
|
移动开发 前端开发
火狐谷歌浏览器去掉input type=number时控件的方法
火狐谷歌浏览器去掉input type=number时控件的方法