删除浏览器特定样式

时间:2017-09-25 06:07:08

标签: html css firefox browser

浏览器以向上和向下按钮的形式为input[type=number]添加了其他功能/样式。

我能够在Chrome中移除此样式,因为我们能够查看影子DOM并找出元素的相应标识。

然而,Firefox是另一个故事。有人知道如何删除Firefox中input[type=number]上的向上和向下按钮吗?

我遇到this post,但扩展不够。

1 个答案:

答案 0 :(得分: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;
}