去掉IE10、IE11的默认文本框样式

  1. 云栖社区>
  2. 博客>
  3. 正文

去掉IE10、IE11的默认文本框样式

挨踢叶 2016-06-13 16:16:56 浏览316
展开阅读全文

在IE 10+的浏览器上,输入框在输入的时候会出现图上的效果,为了保持样式统一,需要去掉这些浏览器默认样式。
input::-ms-clear { displaynone;}
input::-ms-reveal { displaynone;}

更加准确一点的
input[type="password"]::-ms-clear { displaynone;}
input[type="password"]::-ms-reveal { displaynone;}

或者是定义一个class

.clear::-ms-clear { displaynone;}
.clear::-ms-reveal { displaynone;}
然后使用
<input type="password" name="pwd" id="pwd" class="clear">

网友评论

登录后评论
0/500
评论
挨踢叶
+ 关注