在我们用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}吧,没有效果