IE10下的Input Text和谷歌下面的 input search 一旦输入内容,会在最右端出现一个叉号,点击后,内容就会自动清空,input password有小眼睛,点击显示密码。看似方便,其实有些场景并不需要,需要写代码清除掉……

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/*--清除谷歌浏览器下的 text 叉号*/
input::-webkit-text-cancel-button{
display: none;
}
input[type=text]::-ms-clear{
display: none;
}
/*--清除IE下的 search 叉号*/
/*当然如果想清除所有的input的话 ,只需把[type=search]去掉即可。*/
input::-webkit-search-cancel-button{
display: none;
}
input[type=search]::-ms-clear{
display: none;
}
/* 小眼睛 */
input[type=password]::-ms-reveal{
display:none;
}

待完善……

本文地址: https://lxchuan12.github.io/2016/08/10/20160810-ms-clear/