IE10去掉input的type=”text”输入内容时出现的小叉号(X)和type=”password”出现的小眼睛图标
2017-03-09 15:58
656 查看
最近在做一个后台管理系统项目,遇到以下两个问题:
1、从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉号(X),方便用户点击清除已经输入的文本。
2、对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
有时候为了统一UI页面效果,我们不要到浏览器自带的小叉叉(×)和小眼睛图标,所有需要去掉,代码如下:
input::-ms-clear, input::-ms-reveal {
display: none;
}
其中,
::-ms-clear 是文本清除按钮,也就是input右方的叉叉
::-ms-reveal 是密码查看按钮,也就密码框右边的小眼睛。
1、从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉号(X),方便用户点击清除已经输入的文本。
2、对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
有时候为了统一UI页面效果,我们不要到浏览器自带的小叉叉(×)和小眼睛图标,所有需要去掉,代码如下:
input::-ms-clear, input::-ms-reveal {
display: none;
}
其中,
::-ms-clear 是文本清除按钮,也就是input右方的叉叉
::-ms-reveal 是密码查看按钮,也就密码框右边的小眼睛。
相关文章推荐
- IE去掉input的type=”text”输入内容时出现的X和type=”password”出现的眼睛图标
- Android TextInputEditText设置 android:inputType="textPassword"去掉眼睛
- Jquery去掉JSP页面中 text,password等输入内容的空格
- 关于input type设置password出现黄色背景和默认内容
- mui.prompt怎么指定弹出框输入内容是input的类型,原始的type=text,
- CSS 去掉IE10中type=password中的眼睛图标
- Android EditText inputType同时设置textPassword和phone
- Android开发出现”This text field does not specify an inputType or a hint“
- 使用<input type="text" value=<%=str%>>出现取值不全的问题
- input [type=search] 搜索框去掉默认边框和旁边的小图标
- Android EditText的inputType为Password时, 字体不一致的问题
- 去掉 input type="number" 右边图标
- <input type="text" value="">实现输入提示
- android:inputType标签、textView限制输入
- 解决:type="password" type="text"用户名和密码输入框大小不一样 本篇文章来源于 电脑知识网(www.diannaozs.com) 原文出处:http://www.dianna
- 解决:type="password" type="text"用户名和密码输入框大小不一样 本篇文章来源于 电脑知识网(www.diannaozs.com) 原文出处:http://www.diann
- edittext设置inputtype="textPassword"以后,英文字体改变的解决方法
- 使用<input type="text" value=<%=str%>>出现取值不全的问题
- 在input的type="text"里控制只能输入数字
- 用Eclipse编译android程序时,出现警告This text field does not specify an inputType or a hint