2017-09-25 108 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

如果解决了您的问题,您能接受这个答案吗? –