当input输入框的类型为number时,输入框的最右边会有小箭头:
去掉小箭头:
<input type="number" class="my-input" />
.my-input::-webkit-outer-spin-button,
.my-input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
加上上述样式后的输入框没有了右侧的小箭头:
当input输入框的类型为number时,输入框的最右边会有小箭头:
去掉小箭头:
<input type="number" class="my-input" />
.my-input::-webkit-outer-spin-button,
.my-input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
加上上述样式后的输入框没有了右侧的小箭头: