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

2020-06-18  本文已影响0人  w_小伍

因为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;
  }
上一篇 下一篇

猜你喜欢

热点阅读