苹果电脑如何去除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的圆角