HTML5：去除IE10中输入框和密码框的X按钮和小眼睛

在IE10和之后的IE版本中，当在输入框和密码框中输入的时候，后面会自动出现X按钮和小眼睛，如下图所示：

令人苦恼的是，这个效果只有IE才有，其它浏览器是没有这个功能的。为了统一，我们就需要去掉这个功能，做法也很简单，直接在CSS中添加如下语句即可：

/* 去除IE输入框的X标记 */
input[type=text]::-ms-clear { display: none; }/* 去除IE输入框的小眼睛标记 */
input[type=password]::-ms-reveal { display: none; }

如果想要单独去除某个输入框的话，可以把input[type=text]改为.target-class即可。

转载于:https://www.cnblogs.com/ilovewindy/p/3820179.html

HTML5：去除IE10中输入框和密码框的X按钮和小眼睛相关推荐

点击密码框显示密码（点击密码框小眼睛可显示输入密码）
案例分析` 登录注册页面中,当我们输入密码时,密码显示的是不可见的,是属于密码框类型,点击小眼睛之后显示密码. **核心思路:**1.点击眼睛按钮,把不可见的密码框类型改成可见的文本框就可看见里面的密 ...
Java 去除字符串中乱码
浅记一下处理去除字符串中乱码可以使用正则表达式,配合unicode 举一个小的例子就是, 我要从包含乱码的字符串中提取非乱码字符,就可以用以下正则语句配合replaceAll方法使用正则表达式的意 ...
Uni App-----之u-input（密码明文小眼睛切换）
本文作为临时记录使用. 前言 : 最近做注册和忘记密码功能,需要写到小眼睛显示密码是否明文展示.出现的问题是在pc上正常实现效果,在手机端不生效. 解决思路: H5 暂未支持动态切换,请使用 v-if ...
html5做密码形式的游戏,html5仿支付宝密码框的实现代码
废话不多说了,直接给大家贴代码了,具体代码所示: 仿支付宝密码框-移动端测 *{ margin: 0; padding: 0; } body { padding: 50px; } .clearfix: ...
进入登录页时，用户名输入框自动聚焦、按enter键让密码框聚焦，完整输入信息后登录
让element-ui的输入框聚焦的4种方式思路:(可以跳过这一步看完整代码--完整代码) 1. 进入页面时,用户名输入框就要获取焦点,使用自定义指令聚焦更方便.当然也可以用 ref 在 mou ...
在ie edge中消除默认出现的密码框小眼睛标志
在ie edge中消除默认出现的密码框小眼睛标志 <style>/*去除ie edge的密码框默认出现的小眼睛给人添乱这一块,巨硬从来都没让我失望过*/input[type="p ...
html中怎么写输入框,HTML文本框参考样式及常见操作技巧大全
在网页设计中,常常要使用 html 文本框来收集一些用户信息或是制作登录页,虽然只是简单的输入框,但是如果加入一些美化设计会使你的页面看起来更加有吸引力,下面就给大家提供了一些 html 文本框的参考 ...
浏览器兼容：在ie edge中消除默认出现的密码框小眼睛标志
在ie edge中消除默认出现的密码框小眼睛标志 <style>/*去除ie edge的密码框默认出现的小眼睛给人添乱这一块,巨硬从来都没让我失望过*/input[type="p ...
android h5弹窗,Android嵌套html5页面中alert 弹出框问题
最近项目中遇到一个头疼的问题,那就是在安卓里嵌套html5的时候发现alert弹出框出现了问题那就是弹出的时候会出现串来自http://xxxxx 网页的提示然后下面出来具体的弹出信息,还有更奇 ...

HTML5：去除IE10中输入框和密码框的X按钮和小眼睛

HTML5：去除IE10中输入框和密码框的X按钮和小眼睛相关推荐

最新文章

热门文章