2017-09-25 109 views
0

瀏覽器以向上和向下按鈕的形式向input[type=number]添加了附加功能/樣式。刪除瀏覽器特定樣式

我能夠在Chrome中刪除這種樣式,因爲我們能夠查看陰影DOM並找出元素的對應標識。

但是,Firefox是另一回事。有誰知道有什麼方法可以刪除Firefox上的input[type=number]上的和下的按鈕?我發現了this post,但是擴展是不夠的。

回答

1
/* For Firefox */ 
input[type='number'] { 
-moz-appearance:textfield; 
} 
/* Webkit browsers like Safari and Chrome */ 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
} 
+0

完美。謝謝<3你究竟發現了'-moz-appearance'? – Anthony

+1

MDN是我們的朋友:-) https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance –

+0

如果解決了您的問題,您能接受這個答案嗎? –