苹果电脑如何去除select的圆角

苹果电脑如何去除select的圆角

像IE， Firefox，Chrome，Safari，等浏览器去除圆角只要：

border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;

就可以了。

但是如何在苹果电脑Chrome浏览器查看select你就会发现，圆角还存在。

打开控制台你会发现-webkit-appearance:menu;

介绍Appearance 

所有主流浏览器都不支持 appearance 属性。

Firefox 支持替代的 -moz-appearance 属性。

Safari 和 Chrome 支持替代的 -webkit-appearance 属性。

appearance: normal|icon|window|button|menu|field;值 描述
normal 将元素呈现为常规元素。
icon 将元素呈现为图标（小图片）。
window 将元素呈现为视口。
button 将元素呈现为按钮。
menu 将元素呈现为一套供用户选择的选项。
field 将元素呈现为输入字段。 

我们把-webkit-appearance:button;就可以去除苹果电脑select的圆角