IE8 input X 去掉文本框的叉叉和密码输入框的眼睛图标

从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本
对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。
大多数情况下,为了和其他浏览器呈现相同的效果,需要将input文本输入框右方的X给去掉,将密码输入框右边的小眼睛也给去掉。
只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。

    <style>
            ::-ms-clear, ::-ms-reveal{display: none;}
    </style>

其中 ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。
当然,也可以单独清除其中一项,这是你的自由。  

时间: 2024-12-29 06:51:34

IE8 input X 去掉文本框的叉叉和密码输入框的眼睛图标的相关文章

IE input X 去掉文本框的叉叉和password输入框的眼睛图标

IE input X 去掉文本框的叉叉和password输入框的眼睛图标 从IE 10開始,type="text" 的 input 在用户输入内容后.会自己主动产生一个小叉叉(X),方便用户点击清除已经输入的文本. 对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标能够显示已经输入的内容. 好是好,但有时候会画蛇添足,比方已经用js控制了这个功能的时候. 仅仅要使用下面CSS代码可轻松实现隐藏IE浏览器自带的文本删除but

IE input X 去掉文本框的叉叉和密码输入框的眼睛图标

::-ms-clear, ::-ms-reveal{display: none;}

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次

HTML:&lt;input type=&quot;text&quot;&gt;文本框不可编辑的方式

1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本框内容“姓名”呈灰色显示. 2.<input type="text" name="name" value="姓名" readonly="readonly" /> 文本框正常显示,只是无法获得光标,不能编辑. 3.<

去掉文本框的自动提示

最近写个模糊查询的自动提示的功能,可是VS自带的文本框能记住以前填写过的东西,很是烦人,最后找到解决办法 html控件 : 将input元素的autocomplete属性设置为off可以关闭自动提示 <input type="text" name="name" autocomplete="off"> 如果所有表单元素都不想使用自动提示功能,只需在表单form上设置autocomplete=off.<form autocomple

IE input 去掉文本框的叉叉和密码输入框的眼睛图标

::-ms-clear, ::-ms-reveal{display: none;}

html中去掉文本框(input type=&quot;text&quot;)的边框或只显示下边框

去掉: <input   type="text"   name="textfield"   style="border:0px;">只留下边框: <input type="text" style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: solid&

C# 操作PPt,去掉文本框的边框

using System; using System.Collections.Generic; using System.Linq; using System.Text; using OFFICECORE = Microsoft.Office.Core; using POWERPOINT = Microsoft.Office.Interop.PowerPoint; using System.Windows; using System.Collections; using System.Windo

双击td字段,出现编辑文本框 jsp

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>test.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script src=&quo