如何用css样式修改select下拉箭头默认样式

select {
    /* 鼠标移上,变小手 */
     cursor: pointer;
     padding: 0 10px;
     /* 清除默认的箭头样式 */
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     /* 右侧添加箭头的背景图  自行调整位置 */
     background: url('img/xia.png') 210px center no-repeat #fff;
}

转自:https://blog.csdn.net/Originally_M/article/details/98968399

posted @ 2020-04-02 15:15  风灵灵  阅读(1647)  评论(0编辑  收藏  举报