我想要一个默认的 Firefox 选择框,但不幸的是我有一个 CSS 指令(我无法更改或删除),它为所有 select
元素提供了背景和边框。这使得 Firefox 将漂亮的默认控件变成了丑陋的方形控件。有没有办法删除/还原这些说明?
select {
background-color: white;
border: 1px solid black;
}
我尝试用none
、auto
和inherit
覆盖这个定义,但它们没有达到预期的效果。
最佳答案
来自 forms.css,这些是 Firefox 的默认样式:
select {
margin: 0;
border-color: ThreeDFace;
background-color: -moz-Field;
color: -moz-FieldText;
font: -moz-list;
line-height: normal !important;
white-space: nowrap !important;
text-align: start;
cursor: default;
-moz-box-sizing: border-box;
-moz-user-select: none;
-moz-appearance: menulist;
border-width: 2px;
border-style: inset;
text-indent: 0;
overflow: -moz-hidden-unscrollable;
}
您可以尝试重新指定相关样式,但是您可能需要为不同的浏览器指定不同的属性值。
关于html - 将 CSS 样式的表单元素还原为默认浏览器样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1518918/