自定义select标签箭头样式

select::-ms-expand{ display: none; }//ie样式清除
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("/uploadfiles/images/alliance/[email protected]") 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;
}

  

你可能感兴趣的:(自定义select标签箭头样式)