...

1.隐藏上下箭头CSS样式 <style> input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:textfield ...

网页在有些情况下，会需要input的输入的为单纯数字的文本框，此时type=number，但使用type=number时，输入框后面会有一个上下箭头，那么如何去掉上下箭头呢？ 1、chrome浏览器移除 使用none替代textfield，也可以实现去除箭头的效果 ...

...

css中设置： input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance ...

如图，直接设置 type="number" 时会有右侧的按钮显示 去除方法： ...

input type="number"时录入内容不可控制，解决方案是在css中添加input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button ...

去掉input输入框右侧的箭头 在项目中不需要这个箭头直接手动输入 禁用鼠标滚轮上下滑动 ...