TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
Firefox 29目前增加了對(duì)數(shù)字元素的支持，因此這里有一個(gè)代碼片段，用于在基于webkit和Moz的瀏覽器中隱藏旋轉(zhuǎn)器：
input[type='number'] {
-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
<input id="test" type="number">
TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊
簡(jiǎn)短答覆：
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
<input type="number" />
-moz-appearancenumber-inputtextfield
input[type="number"] {
-moz-appearance: textfield;}input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
-moz-appearance: number-input;
}
<input type="number"/>
-webkit-appearancetextfield-webkit-appearancenone::-webkit-outer-spin-button/::-webkit-inner-spin-button-webkit-appearance: inner-spin-button
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
<input type="number" />
margin: 0
input::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
display: inline-block;
cursor: default;
flex: 0 0 auto;
align-self: stretch;
-webkit-user-select: none;
opacity: 0;
pointer-events: none;
-webkit-user-modify: read-only;}舉報(bào)