IE浏览器去除input自带删除按钮

前端开发最头疼的问题之一：应该就是兼容ie浏览器，特别是低版本的ie（蓝瘦）；这次需要做一个自定义样式的输入框，结果在浏览器测试时发现ie自带的删除按钮影响了自定义的样式，使用下面的css成功解决了ie11的问题，但是使用仿真模式ie9还是存在这个删除按钮，公司电脑都是win10系统（只能使用真实版本的ie11），结果耗了半天时间发现，居然…

1、IE10、IE11

css样式设置

/* 文本输入框删除按钮 */
input::-ms-clear{display: none;}
/* 密码框小眼睛 */
input::-ms-reveal{display: none;}

2、存在问题：仿真模式下IE9及以下版本还是会有删除按钮

不用担心，其实真实版本ie9及以下版本中是不存在自带的删除按钮的，无需处理，后面在网上看到一些文章也说是ie9及以下真实版本是不支持删除按钮功能的；本人在虚拟机上装了win7系统验证ie9输入框中确实没有删除按钮（看来仿真不一定可靠，以后还是要用真实版本进行测试）

仿真ie9：

真实ie9：

IE浏览器去除input自带删除按钮相关推荐

HTML5+CSS3 为 input 添加一键删除按钮
HTML5+CSS3 为 input 添加一键删除按钮经常可以看到一些 input 输入框在输入文字后,输入框末尾会出现一键删除的按钮更多精彩更多技术博客,请移步 IT人才终生实训与职业进阶平台 ...
Layui 上传图片限制数量超出数量中断上传带预览图带删除按钮
Layui 上传文件限制数量在网上看了好多相关的文章,各种不好使,反正就是限制不了.各种调用,都没办法较少代码的解决这个问题.下边分享我的办法. 功能图例: 多图上传----选中四张(程序限制上传三 ...
input眼睛显示 vue_修改表单元素中placeholder属性样式、清除IE浏览器中input元素的清除图标和眼睛图标...
一.修改input元素placeholder属性样式在做项目的时候,一般表单元素的placeholder属性样式都是使用浏览器默认的,但有时候为了追求设计上的美感需要修表单元素的placeholde ...
控制浏览器自带返回按钮
需求背景小程序权益详情页面跳转外部H5任务进度页面查看和领取权益. 遇到的问题浏览器自带返回按钮无法返回之前的小程序页面或需要多次按返回按钮返回之前的小程序页面. 解决方案一(放弃) 原本考虑在页 ...
去除input框点击后的一圈样式_去除input边框 input去除边框去除input获取焦点时的蓝色外边框...
去除input的边框 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px so ...
linux去除pdf页头,删除PDF水印小妙招
工作中我们总会需要下载许多PDF文件,当我们下载了一份想要使用的PDF文件,打开却发现文件自带了水印,当时的心情一定是相当复杂的.那么,我们该如何删除这些烦人的水印呢?下面就让我们一起来学习一下吧! ...
IE 浏览器中不能使remove删除节点的解决方法
在javascript操作dom树的时候可能会经常遇到增加,删除节点的事情,比如一个输入框后一个增加按钮,一个删除按钮,点击增加就增加个输入框,点击删除就删除对应的输入框.在一些js框架,如Prot ...
管理计算机的浏览器怎么删,怎么彻底删除ie浏览器_怎么彻底卸载ie浏览器
2017-03-17 09:35:53 你好:删除ie缓存方法如下: 1, 自定义删除(即想删除哪条历史记录就删除哪条) 在百度搜索网页里的搜索栏中,点击鼠标左键两次,会出现以前搜索过的历史记录.然后 ...
CSS：去除点击链接和按钮时出现的虚线框
在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会有. 这些虚线边框是作为对视觉设计的一种辅助,在不使 ...
ios 开发设置左滑退出_iOS 开发UITableView左滑出现删除按钮的运用方法
释放双眼,带上耳机,听听看~! UITableView的编辑模式实现UITableView简单的删除功能(左滑出现删除按钮) 首先UITableView需要进入编辑模式.实现下面的方法,即使什么代码 ...