去掉网页 type 为 number 的 Input 输入框的右侧箭头

更新日期: 2019-06-20 阅读次数: 298 字数: 121 分类: CSS

去掉网页 type 为 number 的 Input 输入框的右侧箭头

去掉 input 输入框右侧的箭头

禁用的原因是,在空间有限的情况下,这个箭头太浪费空间。

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}

禁用鼠标滚轮上下滑动更改

禁用的原因是,页面较长时,向下滚动浏览,容易引起误操作,导致无意间修改了数值。

<input type="number" onmousewheel="return false;">

爱评论不评论

近期节日

2019年07月23日 大暑
2019年07月30日 非洲妇女日
2019年08月01日 八一建军节
2019年08月06日 国际电影节
2019年08月07日 七夕
2019年08月08日 立秋
2019年08月15日 日本投降日
2019年08月15日 中元节
2019年08月23日 处暑
2019年09月03日 抗日胜利纪念日
2019年09月08日 白露
2019年09月08日 国际扫盲日
查看更多节日