清除IE10下input的(X)和密码输入框的眼睛图标

当我们做一个简单的输入框的时候,浏览器会给我们提供一些我们其实不需要的便捷方式,例如下面的这个:


还有下面这个:


点击X的时候可以清除输入的文本,点击小眼睛的时候可以看到密码;效果如下:


其实我用到的时候还是觉得IE..嗯...很人性化,直到项目里面要求不准看到的时候我才发觉我想的太天真,赶紧给我滚,想去掉但是去不掉,哎,可能IE和老罗是一个脾气,功能你可以不要,但是我必须要做,嗯,想法不错,最后我还是成功的被你圈粉了...好吧跑远了,我们回到正题,真去掉呢?很简单的,两行代码搞定,上代码:

<!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>

主要的功劳是css的:

input::-ms-clear{display: none;}   //消除X的功能
input::-ms-reveal{display: none;}  //消除查看密码的功能

嗯,不明白的下方留言(能有什么不明白?但是可以说谢谢啊!哈哈)


猜你喜欢

转载自blog.csdn.net/qq_41485414/article/details/79992796
今日推荐