离子密码切换功能显示额外的眼睛 – 如何修复？

Question

我在 Ionic 应用程序中使用 ion-input-password-toggle 组件来切换密码输入字段的可见性。但是，我遇到了一个问题，当我在密码输入中写入某些内容时，会出现第二只眼睛图标，而不是只出现一个。这是我的实现：

<ion-input-password-toggle slot="end"></ion-input-password-toggle>

问题：

带有两个眼睛图标的图片

有人知道如何解决这个问题吗？

Answer 1

由于密码类型的输入具有默认密码的默认图标，因此您需要使用 CSS 隐藏它

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