苗族家园_三苗论坛

 找回密码
 注册会员

QQ登录

只需一步,快速开始

版主招募,共同携手如何注册三苗网?【三苗网主题歌】
查看: 582|回复: 0

IE里面的input去掉文本框的叉叉和密码输入框的眼睛图标的CSS

[复制链接]

升级   64.12%

 楼主| 发表于 2017-8-22 15:07 | 显示全部楼层 |阅读模式

交朋友,享特权,马上注册登录吧!

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
从IE 10开始,type="text"的input在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。
对于type="password"的input则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。
只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。
::-ms-clear,::-ms-reveal{display:none;}
其中::-ms-clear 是文本清除按钮,也就是input右方的叉叉,::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

点击这里给我发消息

QQ|三苗网商城|Archiver|手机版|小黑屋|手机客户端|三苗网 ( 京ICP备12028111号

GMT+8, 2018-2-19 12:05 , Processed in 0.140625 second(s), 21 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表