How to clear the eye icon in the "IE10 + inputX" text box and the "password" text box

In IE10, the input of type "text" will automatically generate a cross (X) after the user inputs the content, so that the user can click to clear the entered text, the following section describes how to clear the eye icon of the Cross-forks and password input boxes in the IE10 + inputX text box from IE 10. The input of type = "text" is displayed after the user inputs the content, A cross (X) is automatically generated, so that you can click to clear the entered text.

For the input of type = "password", a small eye icon is displayed on the right side. You can click this icon to display the input content.

Good is good, but sometimes it will be superfluous, such as when JavaScript has been used to control this function.

You only need to use the following CSS code to easily hide the text deletion button and password display button of IE browser.

::- Ms-clear, ::- ms-reveal {display: none ;}

Here:-ms-clear is the text clearing button, that is, the right side of the input cross:-ms-reveal is the password viewing button, that is, the small eyes on the right side of the password box.

Of course, you can also clear one of them separately. This is your freedom.

The above section shows you how to clear the eye icons of the forks and password input boxes in the IE10 + input X text box. I hope this will help you. If you have any questions, please leave a message, the editor will reply to you in a timely manner. I would like to thank you for your support for PHP chinnet!

For more information about how to clear the cross of IE10 + input X text box and the eye icon of the password input box, please follow the PHP Chinese network!