当我们做一个简单的输入框的时候,浏览器会给我们提供一些我们其实不需要的便捷方式,例如下面的这个:
还有下面这个:
点击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;} //消除查看密码的功能
嗯,不明白的下方留言(能有什么不明白?但是可以说谢谢啊!哈哈)