美文网首页
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