CSS3外观属性正常在webkit浏览器中不起作用

Question

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

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

我试过了:

-webkit-appearance:normal;

但它无效

Answer 1

对于webkit浏览器-webkit-appearance,此列表中唯一有效的值.

因此,要返回原始状态,您必须使用select元素:

-webkit-appearance:menulist;

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

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

select{
   -webkit-appearance:menulist;
}

DEMO