去掉 input输入框 type=number 时上下按钮

input 输入框设置了 type=number 后会自带两个上下按钮，样式有点丑，可以设置 css 来隐藏掉。
image

<input type="number" />

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

经过测试，chrome、360、火狐这3个浏览器都有效。

posted @ 2021-05-24 15:09  Yuan-yiming  阅读(1973)  评论(0)  编辑  收藏  举报