美文网首页
去掉select默认样式,自定义样式

去掉select默认样式,自定义样式

作者: w_小伍 | 来源:发表于2020-06-18 16:10 被阅读0次

    因为safari有默认样式,很丑,所有自定义了一个样式

    select{
        outline: none;//去掉默认样式
        -webkit-appearance: none;//去掉默认样式
        padding-left: 5px;
        position: relative;
        cursor: pointer;
        background: url(./assets/img/svg/down-fill.svg) no-repeat;
        background-position: 96% 56%;
        background-size: 10px;
      }
    

    去掉ie默认样式

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

    去掉safari自带的锁图标

    input::-webkit-credentials-auto-fill-button {/*去掉safari默认图标*/
        display: none !important;
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        right: 0;
      }
    

    相关文章

      网友评论

          本文标题:去掉select默认样式,自定义样式

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