自定义select标签箭头样式

时间:2024-11-06 18:05:08
select::-ms-expand{ display: none; }//ie样式清除
select{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url("/uploadfiles/images/alliance/xiala@2x.png") no-repeat scroll 480px center transparent;
background-size: 20px 10px;
padding-right: 14px;
} option::-ms-expand{ display: none; }
option{
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
appearance:none;
}
/* --背景色字体颜色--*/
option:hover{
color:#fff;
background-color:#1E90FF;
}