css - 删除 Safari 中的显示/隐藏密码图标

Question

有什么方法可以禁用或删除 Safari 中的显示/隐藏图标，当您开始在“密码”类型的输入中输入符号时会出现该图标？我可以通过在 CSS 中添加以下规则轻松地在 IE/EDGE 中完成此操作:

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

但我想知道如何为 Safari 做同样的事情。此处未找到任何内容

Answer 1

类似于

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;
}

应该可以解决问题。