Question

我正在处理的项目的开发人员已在全局的所有选择框上设置-webkit-appearance: none;。

我如何重写并将其重置为原始状态？我知道我可以从全局设置中删除代码，但我想覆盖它，因为我不希望它影响其他代码。

我试过了：

-webkit-appearance:normal;

但无效

Answer 1

对于webkit浏览器，-webkit-appearance的唯一有效值位于this列表中。

所以要回到原始状态，你必须使用一个选择元素：

-webkit-appearance:menulist;

只需将此CSS规则包含在要覆盖规则的CSS元素中即可。

如果您希望所有选择元素恢复正常，只需将其添加到CSS

即可

select{
   -webkit-appearance:menulist;
}