前端兼容性问题：快速去掉mac safari浏览器input右边的小图标/小按钮

去掉mac safari浏览器input右边的小图标/小按钮

input:focus::-webkit-contacts-auto-fill-button{
  opacity: 0;
}
复制代码

去掉Safari浏览器下密码输入框自带的小钥匙图标

input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; /* 避免占用 input 元素额外的 padding，正常情况下存在 display: none!; 就可以了 */
    right: 0;
}
复制代码

转载于:https://juejin.im/post/5cc2a7886fb9a0324d43b1fe