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

更新日期: 2019-06-20 阅读次数: 1893 字数: 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;">
领取618阿里云/腾讯云服务器优惠券

关于作者

我是来自山东烟台的一名开发者,喜欢瞎折腾,顺便记记笔记。有敢兴趣的话题,欢迎加微信 zhongwei 聊聊。 白天写程序,晚上哄熊孩子,可能回复有点慢,见谅。 查看更多联系方式

相关文章

爱评论不评论

近期节日

2020年06月05日 世界环境日
2020年06月05日 芒种
2020年06月06日 全国爱眼日
2020年06月11日 中国人口日
2020年06月20日 世界难民日
2020年06月21日 父亲节
2020年06月21日 夏至
2020年06月22日 中国儿童慈善活动日
2020年06月23日 国际奥林匹克日
2020年06月25日 全国土地日
2020年06月25日 端午节
2020年06月26日 国际禁毒日
查看更多节日