Css 如何删除出现在密码类型文本框右边缘的IE伪元素?

Css 如何删除出现在密码类型文本框右边缘的IE伪元素?,css,internet-explorer-11,pseudo-element,Css,Internet Explorer 11,Pseudo Element,我有一个表单,其中有两个文本框,分别表示用户名和密码 在框内键入文本时,我注意到用户名和密码字段的IE特定伪元素: 用户名文本框: <input class="form-control k-textbox checkError text-box single-line" data-val="true" data-val-required=" " id="UserName" name="UserName

我有一个表单,其中有两个文本框,分别表示用户名和密码

在框内键入文本时,我注意到用户名和密码字段的
IE
特定伪元素:

用户名
文本框

<input class="form-control k-textbox checkError text-box single-line" data-val="true" data-val-required=" " id="UserName" name="UserName" placeholder="username" type="text" value=""/>
<input class="form-control k-textbox pwd text-box single-line password" data-val="true" data-val-required=" " id="Password" name="Password" placeholder="password" type="password" value="" />

还有同样的一个,但是对于带有密码类型的
textbox
,只有眼睛图像代替了“X”

我通过使用以下css代码修复了用户名:

input[type=text]::-ms-clear
{
   display:none;
}
我认为我可以通过使用
type=password
行对密码输入字段执行相同的操作,但这并没有解决问题

有人对此有解决方案吗?

您可以使用:ms-reveal

.form-control::-ms-reveal {
    display: none;
}
下面的链接中提供了特定于ie的伪元素的完整列表,这将很方便

您可以使用:ms-reveal

.form-control::-ms-reveal {
    display: none;
}
下面的链接中提供了特定于ie的伪元素的完整列表,这将很方便


谢谢。这正是我所做的,我已经回答过了,谢谢。这正是我按照已经回复的帖子所做的