在Safari中删除显示/隐藏密码图标

时间:2018-02-08 14:42:42

标签: css input safari passwords webkit

有没有办法在Safari中禁用或删除显示/隐藏图标,当您开始使用"密码"类型?我可以通过添加到我的CSS以下规则在IE / EDGE中轻松完成:

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}

但我想知道如何为Safari做同样的事情。这里什么都没发现

2 个答案:

答案 0 :(得分:0)

尝试将<div>background-color: white放在其上方的position: absolute

答案 1 :(得分:0)

类似

input[type=password]::-webkit-contacts-auto-fill-button,
input[type=password]::-webkit-credentials-auto-fill-button {
   visibility: hidden;
   display: none !important;
   pointer-events: none;
   height: 0;
   width: 0;
   margin: 0;
}

应该可以解决问题。