HTML <select> 已锁定 CSS 应用,我希望它显示为浏览器默认值



我无法编辑CSS文件,该文件具有以下值:

font-size: 13px;
padding: 6px 4px;
background-color: rgb(238, 238, 238);
border: 1px solid rgb(204, 204, 204);
clear: both;
margin-bottom: 4px;

我知道我可以使用!important标记,但当我尝试用默认值覆盖时,它仍然不会显示与无CSS(干净)<select>下拉列表相同的内容。

感谢

一旦任何CSS规则生效,为元素的属性赋值,就不能将元素的属性设置为浏览器默认值。例如,如果任何样式表在select元素上设置了font-size: 13px,则无法告诉浏览器表现得好像该设置不存在一样,而是使用其默认设置。

您可以将属性设置为显式值,例如select { font-size: 18px },这将通过普通级联规则覆盖其他设置。如果这对你不起作用,那么你使用的特定方式就有问题了。

您可以尝试将属性设置为您认为是浏览器默认值的显式值,但不能保证所有浏览器(当前和未来)都将这些值作为默认值。

在CSS级联和继承级别3的早期草案中,有一个建议的default关键字将"回滚级联"。但在当前版本的草案中,它被删除了,草案建议使用unset关键字,但它的定义并不意味着使用浏览器默认值(而是根据CSS规范的初始值)。

相关内容

最新更新