去除ie edge浏览器的 type = ”password“ 的输入框的默认图标

最新推荐文章于 2023-08-23 09:43:37 发布
原创 最新推荐文章于 2023-08-23 09:43:37 发布 · 514 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

本文介绍了一种清除HTML输入框默认样式的方法，通过CSS代码隐藏了输入框的清除按钮图标，适用于多种浏览器环境。

在这里插入图片描述

input::-ms-reveal {
      display: none;
    }
input::-ms-clear {
      display: none;
    }
input::-o-clear {
      display: none;
    }
重温前端基础（一） HTML、CSS、H5C3
←か淡定☆ ヾ 的博客
10-10 1987
目录0. WEB 标准构成1. HTML1.1 HTML概念1.2 超文本含义1.3 页面语言1.4 字符集1.5 标签语义化1.6 常用标签1.7 图像标签 img1.8 链接标签1.9 锚点定位 0. WEB 标准构成 构成： 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。 标准 说明 结构 结构用于对网页元素进行整理和分类，咱们主要学的是HTML。 表现 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
尚硅谷vue基础笔记
wlijun_0808的博客
02-26 1585
vue基础 1，vue简介 （1）vue的概念 一套用于构建用户界面的渐进式的js框架。 vue可以自底向上的逐层的因公 简单应用：只需要一个轻量小巧的核心库 复杂应用：介意引入各种各样的vue插件 （2）vue的作者 尤玉溪 （3）vue的特点： 1，采用组件化模式，提高代码复用率，让代码更好维护 .vue文件包含一个模块里面的.html，.css,.js 方便整个模块被被人引用 2，声明式编码，让编码人员不用直接操作DOM，提高代码效率 注，命令式代码，就是传统的js文件，需要一步一步的进行操作，缺少哪
在ie edge中消除默认出现的密码框小眼睛标志
sinat_31773153的博客
06-20 1605
在ie edge中消除默认出现的密码框小眼睛标志
antd input类型为password时，怎么取消浏览器调取密码提示？
tree_ge的博客
10-21 1225
antd input类型为password时，怎么取消浏览器调取密码提示？
去除IE低版本浏览器输入框自带小图标
今晚吃火锅的博客
12-10 375
去除IE低版本浏览器输入框自带小图标 ie低版本使用 input输入框，当type为password时，输入会自动显示一个眼睛的图标，当type为text时，会显示一个×图标。 但是经常我们在使用时会通过js去控制更改图标，或者会遇到发送验证码，输入验证码的情况，这种情况下，ie自带的输入框图标就显得有点多余。 去除方法： ::-ms-clear,::-ms-reveal{ display:none; } ...
清除IE10下input的叉叉（X）和密码输入框的眼睛图标
web_qdkf的博客
11-25 8008
从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本， 如下图： 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 大多数情况下，为了和其他浏览器呈现相同的效果，需要将input文本输入框右方的X给去掉，将密码输入框右边的小眼睛也给去掉。
PHP 实现用户注册登录功能
git1314的博客
12-29 1633
前端页面制作 一、介绍 1.1 基础内容 本次实验主要以前端制作为主要内容，使用纯前端知识制作用户注册登录的界面，为后续实验做铺垫。通过本实验的学习，我们可以轻松地制作类似的界面效果。由于这是 PHP 的项目课，所以我们并不需要一行一行的写 html 代码，本次课程的界面制作主要使用前端框架 bootstrap3 的模板和组件来快速搭建大方漂亮的界面，大家也会领略到 bootstrap 框架...
前端三件套知识点
二氧化硅.的博客
01-11 2996
前端三件套知识点
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
Edge浏览器中element ui密码输入框Show password属性和 clearable 属性 两个icon会重叠
weixin_71828560的博客
09-26 1791
Edge浏览器中element ui密码输入框Show password属性和 clear 属性 两个icon会重叠
input密码框password在ie/edge浏览器下默认的icon去除
Franky
07-15 1659
问题如下 /*ie*/ input::-ms-reveal { display: none; } input::-ms-clear{ display: none; } /*edge*/ input::-o-clear{ display: none; }
如何使用el-input组件去除浏览器自动填充账号密码
weixin_44191318的博客
06-21 9877
如何使用el-input组件去除浏览器自动填充账号密码
隐藏 Microsoft Edge 的密码显示按钮
lio-zero 的博客
02-09 484
image.png 如果您使用的是 Edge，需要隐藏 input 的 password 类型提供的密码显示按钮，可以使用下面的伪元素。 ::-ms-reveal { display: none }
element-ui2.0 el-input密码框是否切换图标更换
m0_56551688的博客
08-23 1543
在element-ui2.0中input方法中有show-password 可以显示图标，但是只有睁眼效果，所以我们就需要手动来修改了。这里需要用v-if来控制有输入的时候聚焦显示，失焦时输入框有值就显示，没有值就不显示。el-inpu给我们提供了插槽，控制控制图标显示的在computed中完成。推荐去看看element-ui 源码。element 官方。
input类型为password默认显示有值
weixin_30731305的博客
08-18 2561
问题描述 运行后发现input输入框默认有值 输入框默认有值 代码 进行排查 1、查看是否对文本框赋值，发现并未赋值 2、更换其他浏览器查看，发现并无此问题 3、将类型（type）换成text，发现并无此问题 推测：可能之前运行的时候保存了密码，所以导致之后显示都会默认有值 解决方法 1、清除浏览器中密码的数据 密码清除数据 解决结果 再次运行后文本框不再有默认值 清除文本框内容 转载于:htt...
input type=“password“密码自动带入密码如何解决
张木期的博客
11-15 9223
用input type="password"密码框，浏览器会自动带入密码，可以加个autocomplete=“new-password” 比如 <a-input-password v-model="password" style="width:370px;margin-left:10px;" placeholder="8-15个字符，必须同时包含数字、英文、特殊符号" autocomplete="new-
Input type=“passaword”在不同浏览器下出现小图标的问题
Aimee的博客
07-30 1204
使用的elementui el-input，已经自定义了密码显示/隐藏图标，当在IE浏览器时，会有默认的小眼睛展示，如下图所示，两个小图标，第一个是自带的，第二个是自定义的图标 解决办法 .el-input__inner::-ms-reveal { display: none; } 当不是elementui时，可给input加样式名后，再加入这段css 例如： <input type="password" class="hidden-eye"> .hidden-eye::.
html中去掉edge浏览器密码输入框默认显示的眼睛
06-09
要在 HTML 中去掉 Edge 浏览器密码输入框默认显示的眼睛图标，可以使用 CSS 样式来控制输入框的外观。以下是一些示例代码，可以帮助您实现这一目标： ```html <!-- 1. 使用 CSS 隐藏密码输入框的查看密码按钮 --> <style> input::-ms-reveal, input::-ms-clear { display: none; } </style> <input type="password" name="password"> <!-- 2. 将密码输入框的背景色设置为白色，覆盖掉查看密码按钮 --> <style> input[type="password"] { background-color: white; } </style> <input type="password" name="password"> ``` 第一种方法使用 `::-ms-reveal` 和 `::-ms-clear` 伪元素选择器，并将它们的 `display` 属性设置为 `none`，从而隐藏密码输入框的查看密码按钮和清除按钮。这种方法只适用于 Edge 浏览器，其他浏览器可能不支持。 第二种方法使用了 `background-color` 属性，将密码输入框的背景色设置为白色，从而覆盖掉查看密码按钮。这种方法适用于所有浏览器，但可能会影响密码输入框的外观。 请注意，这些方法只是一些示例代码，您可以根据自己的需求进行修改和调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值