小编Tri*_*tan的帖子

如何在 MS Edge 和 IE 中隐藏密码输入

我现在找到了一个答案:当我添加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 中测试。

MS Edge,基于铬 IE 11

右边的眼睛是我自定义添加的眼睛,另一个是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)

html css internet-explorer input microsoft-edge

19
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

input ×1

internet-explorer ×1

microsoft-edge ×1