CSS 去除type为number的input标签的加减按钮

本文转载自查看原文 2020-08-16 02:06 521 CSS

去除 type=number 的 input 标签的加减按钮,只需添加样式

 1 <style>
 2   /* 谷歌 */
 3   input::-webkit-outer-spin-button,
 4   input::-webkit-inner-spin-button {
 5     -webkit-appearance: none;
 6   }
 7 
 8   /* 火狐 */
 9   input[type="number"]{
10     -moz-appearance: textfield;
11   }
12 </style>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Input框Number类型去除框内自带的加减按钮去除 input 标签 type为number时的上下箭头按钮如何让input number类型的标签不产生上下加减的按钮去除input[type=number]最右边的spinners(默认加减符号) 纯CSS样式实现数字加减按钮的最佳方案 input type = number 去除上下箭头，禁用滚轮事件（默认的自带滚轮加减数字） css隐藏input标签number类型默认上下按钮 CSS按钮样式之button标签与input type=button的区别详解去除input[type=number]的默认样式 type为number的input标签输入小数的方法