html - 删除浏览器特定的样式

原文 标签 html css firefox browser

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

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

但是,Firefox是另一回事。有人知道在Firefox中删除input[type=number]上的向上和向下按钮的任何方法吗?

我遇到了this post,但是扩展名还不够。

最佳答案

/* 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;
}

关于html - 删除浏览器特定的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46398581/

相关文章:

css - 如何在CSS中有条件地应用样式

javascript - 多次调用 WebGL drawElements 导致不正确的渲染

html - 如何在 Html/MVC 中创建列?

javascript - jquery根据下拉选择隐藏表中的列

css - 使用 Sass 和 Sourcemap 时查看 CSS

javascript - 观察带有溢出集的元素上滚动的最佳方法是什么?

javascript - Angularjs-FF在页面内导航时显示{{}}标签,Chrome不显示

html - IE中显示CSS格式,但Chrome或Firefox中不显示

html - 使用默认字体的字体系列

html - 如何将 IFRAME 移动到 DIV 中?