隐藏IE自带input输入框眼睛样式

最新推荐文章于 2023-06-20 17:09:32 发布
原创 最新推荐文章于 2023-06-20 17:09:32 发布 · 1.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #IE #input #眼睛

本文介绍了一种在IE浏览器中隐藏input输入框自带眼睛样式的解决方案，通过添加特定的CSS样式实现，适用于需要定制输入框显示效果的场景。

IE浏览器input输入框自带眼睛样式,有时候不需要这个样式需要隐藏,添加如下样式即可:

input::-ms-reveal {

display: none;

}

input输入款点击小眼睛显示或隐藏密码
04-19
前端登录界面输入密码，input输入款点击小眼睛显示或隐藏密码。
原生js form表单美化插件表单元素input select下拉框
11-11
本主题将深入探讨如何使用原生JavaScript对form表单进行美化，并对input输入框和select下拉框进行优化。 一、表单基础 1. 表单元素：HTML中的标签定义了一个表单，其中可以包含各种表单控件，如<input>（输入框）、...
隐藏"Input"标签默认样式
YooHoeh的博客
12-15 1596
input { width: 400px; border: none; background-color: inherit; border-bottom: #fbfee9 solid 3px; font-size: 2.4em; color: snow; } input:focus { background-color: inherit; border: none;...
隐藏IE10默认在input框输入内容后显示的"x"按钮
weixin_33711647的博客
09-11 198
2019独角兽企业重金招聘Python工程师标准>>> ...
输入框怎么才会长“眼睛”？——显示密码与隐藏密码
热门推荐
microlv1996的博客
08-25 1万+
会长“眼睛”的input输入框： 注：本文所需图片或者文件都在文章末尾处 我们在登入账户，进入登入页面中。在密码框，我们会遇到旁边有一个像眼睛的图标。只要点击了它，密码会显示会隐藏（如下图显示），这到底是什么“绝技”？待小编慢慢道来。 我们知道，html页面中input标签，我们可以设置type属性。type为text代表着填写的是文本（显示文字），type为pasword代表着填写的是密码（隐藏文字），点击”闭眼”图标可以设置type为password，点击”睁眼”图标可以设置type为text
IE10+浏览器下登陆输入框text类型输入框和password类型输入框尾部出现叉号和眼睛默认样式的问题修复
DLGDark的博客
01-07 943
1. 修复text输入框叉号样式问题： #username::-ms-clear{ display: none } //username表示输入框自身id 2. 修复password输入框眼睛样式问题： #password::-ms-reveal { display: none } 或 #password::-ms-reveal { visibility: hidden } //pass...
JS显示「input」「错误」
weixin_60789461的博客
03-20 658
功能：点击用户消失，并且再次填入时颜色变化，如果里面什么都没有，失去焦点时会出现用户二字。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-..
要创建一个HTML5的file输入元素并定制其样式，你可以使用`＜input type=“file“＞`标签
BLOG域名:programb.blog.youkuaiyun.com
06-26 941
选择器在元素获得了焦点并且其任何子元素也获得了焦点时被触发。这意味着它不仅关注当前元素是否处于焦点状态，还检查其内部是否有其他部分也获得焦点，这使得它适用于那些希望在内容区域任何地方被聚焦时呈现特定样式的元素，如可折叠菜单或滚动区域内的某个部分。这段代码设置了file输入框的基本外观，当用户选择文件时，背景色会变为灰色，并在鼠标悬停时改变为红色。选择器应用于元素在其生命周期内被激活（通常通过用户的点击或按下）的那一刻，但并不总是保持该状态，例如按钮在被按下并释放时会失去这个状态。标签，配合CSS来实现。
JavaScript实现自定义右键菜单与动态增删输入框
在代码片段中可以看到，通过绑定事件并调用`event.preventDefault()`或在旧版本IE中使用`window.event.returnValue = false`来取消默认菜单的显示。接着，通过监听`document.oncontextmenu`事件，当右键被点击时，...
vue3输入框控制只能输入数字
最新发布
10-01
使用 `.number` 修饰符限制输入数字，同时清除 `type="number"` 自带样式。 ```vue <input v-model.number="testValue" type="number" /> import { ref } from 'vue'; const testValue = ref(''); /* ...
在ie edge中消除默认出现的密码框小眼睛标志
sinat_31773153的博客
06-20 1605
在ie edge中消除默认出现的密码框小眼睛标志
项目实训 - Scene-UI - 编写input与textarea
qq_45785407的博客
05-03 400
输入框与文本域 输入框 输入框的整体结构并不复杂，主要分为左中右三部分，左右各一个插槽，用于用户自定义内容，中间由一个原生输入框和一个按钮组组成，还有一个提示文本域属于绝对布局： <template> <div :disabled="disabled"> <!-- 前面的插槽 最大图标大小 22 --> <div v-if="$slots.prefix"> <slot name="prefi
input 样式
技术改变生活
09-22 808
1.input在ie下去掉×和眼睛 ::-ms-clear, ::-ms-reveal{display: none;} 2.html5聚焦autofocus 3.可以在input中加入autocomplete="off" 来关闭记录 4.兼容各浏览器边距写法 .input-class { width: 135px; padding: 10px 15px; border: n
浏览器兼容：在ie edge中消除默认出现的密码框小眼睛标志
jh5485857的博客
10-09 1881
浏览器兼容：在ie edge中消除默认出现的密码框小眼睛标志
input 去除叉叉和小眼睛
lianfuguo的专栏
01-22 3334
IE10默认在input框中输入内容后会显示一个‘X’按钮，方便删除输入的所有内容。在password输入框显示一个眼睛的按钮，去掉眼睛和叉叉的方法如下：input::-ms-clear{display:none;}input::-ms-reveal{display:none;} 修改本地组策略，禁用密码输入框中的密码显示；切换成IE兼容模式；（此方法仅在Windows 7下有效，Wind
去掉IE10、IE11的默认文本框样式
ivan0609的专栏
06-13 4917
在IE 10+的浏览器上，输入框在输入的时候会出现叉叉效果，如何去掉这个效果呢？
【浏览器兼容性】如何隐藏微软的ie和edge浏览器密码输入框的小眼睛
向着光芒的女孩
09-23 4347
如果用了element-ui的show-password后再用浏览器自带的小眼睛的话会感觉特别奇怪 如何复现 经过我多次试验，发现当第一次光标聚焦在密码输入框时才出现，之后就聚焦就不会再现小眼睛了，edge和ie浏览器都有 试验版本如下： IE(11.1016.18362.0）和 edge(85.0.564.41) 查看edge代码审查，发现有微软自己写的样式 解决方案 /*取消微软浏览器的密码小眼睛样式*/ input[type="password"]::-ms-reveal { display
清除IE10下input的叉叉（X）和密码输入框的眼睛图标
web_qdkf的博客
11-25 8003
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本， 如下图： 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。
Input type=“passaword”在不同浏览器下出现小图标的问题
Aimee的博客
07-30 1200
使用的elementui el-input，已经自定义了密码显示/隐藏图标，当在IE浏览器时，会有默认的小眼睛展示，如下图所示，两个小图标，第一个是自带的，第二个是自定义的图标 解决办法 .el-input__inner::-ms-reveal { display: none; } 当不是elementui时，可给input加样式名后，再加入这段css 例如： <input type="password" class="hidden-eye"> .hidden-eye::.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值