如何为指定ID的number输入框移除增减按钮？

要给ID为myid的<input type="number">移除增减按钮，只需在原有CSS选择器前加上ID选择器#myid，让样式仅作用于目标元素即可：

#myid::-webkit-outer-spin-button,
#myid::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#myid[type=number] {
  -moz-appearance: textfield;
}

对应的HTML代码：

<input type="number" id="myid">

补充说明 #

• 针对Chrome、Safari这类WebKit内核浏览器，通过指定ID的伪元素选择器隐藏内置的增减按钮
• 针对Firefox，通过指定ID的属性选择器将输入框渲染为普通文本框样式，以此去掉增减按钮

内容的提问来源于stack exchange，提问作者kofifus