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/