Clear the eye icon of input (X) and password input box under IE10

When we make a simple input box, the browser will provide us with some convenience methods that we don't actually need, such as the following:


And this one:


When you click the X, you can clear the entered text, and when you click the little eye, you can see the password; the effect is as follows:


In fact, when I used it, I still felt that IE was... um... very humanized. I didn't realize that I was thinking too naively until I was not allowed to see it in the project. I wanted to get rid of it, but I couldn't. Hey, maybe IE and Lao Luo have a temper, you can not use the function, but I have to do it, um, the idea is good, and finally I succeeded in being a fan of you... Okay, let's run away, let's get back to the topic , really remove it? It's very simple, two lines of code are done, the code above:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		input::-ms-clear{display: none;}
		input::-ms-reveal{display: none;}
	</style>
	<body>
		文本:<input type="text" />
		密码:<input type="password" />
	</body>
</html>

The main credit is css:

input::-ms-clear{display: none;} //function to clear X
input::-ms-reveal{display: none;} //Remove the function of viewing the password

Well, if you don't understand, leave a message below (what can't you understand? But you can say thank you! Haha)


Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324644531&siteId=291194637