修改select的默认样式

在我们用select的时候，通常因为他的默认样式比较丑而用自己样式，那首先要去掉他的默认样式

去掉select的边框和点击时的蓝色边框

select{border: none;outline: none;}

去掉select下拉的小三角

select{
        appearance:none;
        -moz-appearance:none;    
        -webkit-appearance:none;
}

select::-ms-expand { display: none; }　　/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

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

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

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

option的框是浏览器默认的，没有办法修改，想必你肯定试过option{border:0}和option{border:none}吧，没有效果

转载于:https://www.cnblogs.com/eyed/p/7993730.html