美文网首页
css改变下拉框的下拉小三角样式

css改变下拉框的下拉小三角样式

作者: 众生皆似尘埃啊 | 来源:发表于2018-11-08 13:57 被阅读0次

select{
width: 90%;
padding: 8px 0;
font-size: 14px;
border: none;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
div:after{
content: "";
width: 13px;
height: 7px;
background: url(../../../images/about/sanjiaoxing2.png) no-repeat center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
position: absolute;
right: 20px;
top: 45%;
//给自定义的图标实现点击下来功能
pointer-events: none;
}

相关文章

网友评论

      本文标题:css改变下拉框的下拉小三角样式

      本文链接:https://www.haomeiwen.com/subject/cmhwxqtx.html