去掉IE10、IE11的默认文本框样式-阿里云开发者社区

开发者社区> 云计算> 正文
登录阅读全文

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

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

在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">

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

其他文章