select下拉小三角样式自定义

首先假设这有一个select下拉菜单。

然后，清除原有样式

select{
     appearance:none;
     -moz-appearance:none; 
     -webkit-appearance:none;
     outline: none;
     border: none;

}
select::-ms-expand{ display: none; }//ie

最后，贴上需要的background

background: url(../img/select.png) no-repeat scroll 90% center transparent;
padding-right: 40px;
background-size: 10px;//此三项按情况调整

posted @ 2019-12-31 16:01  A-zero  阅读(1683)  评论(0)  编辑  收藏  举报