当input的type =number的时候，为什么输入框右侧会出现点击后增加的按钮？

Question

按上边，就加1，按下面就减1？

Answer 1

这个是浏览器自带的属性，可以用css去除

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

不过真正不想要的话建议用type="tel"

Answer 2

这是浏览器【UI后端】的默认效果，一般情况下此type使用在移动端吊起不同的虚拟键盘，此处为PC端，可以使用一楼的回答进行css reset，但是你既然不需要就直接使用text即可，这样浏览器的渲染效率也会好一点点。如果你使用的是移动端，使用type="tel"的话会吊起用户默认键盘的数字模式，但是可以切回字母键盘，但使用type="tel"可以吊起纯数字键盘，且不可切换字母键盘，具体怎么用看你们的需要吧

Answer 3

加下面的代码可以去掉

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}