我现在找到了一个答案:当我添加display: none !important;. 我不知道,究竟是什么阻止了,display: none;但如果其他人有这个错误,请尝试添加!important并检查输入是否为密码字段。
原问题:
我有一个带有自定义添加的“显示密码”按钮的密码输入。现在我想删除 MS Edge 和 IE 添加的密码按钮。我已经尝试过:
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
和
input::-ms-reveal,
input::-ms-clear {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
该::ms-clear工作和消除小x,用户可以清除输入。但该::ms-reveal它不起作用。在 IE 11、基于 Chromium 的 MS Edge 和不基于 Chromium 的最新 MS Edge 中测试。
右边的眼睛是我自定义添加的眼睛,另一个是IE或Edge添加的眼睛。
这是我的输入样式:
/*
BASIC INPUT STYLING
*/
input, textarea, select {
outline: none;
border-radius: 6px;
box-sizing: border-box;
box-shadow: none;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: …Run Code Online (Sandbox Code Playgroud)