如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标_javascript技巧

从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。

对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。

好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。

只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。

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

其中 ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右边的小眼睛。

当然,也可以单独清除其中一项,这是你的自由。

以上所述是小编给大家介绍的如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索input
, ie输入框叉叉
密码输入框
ie输入框叉叉、css3 输入框右边叉叉、输入框 后面的叉叉、html 输入框显示叉叉、输入框叉叉清空,以便于您获取更多的相关知识。

时间: 2024-11-05 06:14:30

如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标_javascript技巧的相关文章

文本框只能输入数字的js代码(含小数点)_javascript技巧

只能输入0-9多包括小数点 <html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能输入数字和小数点</title> <script language="JavaScript" type="text/javascript">

js光标定位文本框回车表单提交问题的解决方法_javascript技巧

本文实例讲述了js光标定位文本框回车表单提交问题的解决方法.分享给大家供大家参考.具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串. 原因:When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 翻译一下:当form中只有一个in

CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库_javascript技巧

简介 实现类似于Photoshop控制面板输入文本数字的效果,所以名称叫做PsWheel.用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数.小数类型输入文本. 兼容IE/Firefox/Opera/Safari/Chrom 可定义滚动变化间隔值,支持整数.浮点数 双击恢复初始值 仅3.92K,压缩后2.67K 代码 复制代码 代码如下: /* * cutePsWheel JS * Description:A js liabary which control the text ty

当鼠标滑过文本框自动选中输入框内容的JS代码分享_javascript技巧

复制代码 代码如下: <html><head><title>响应鼠标自动选中文本框内容</title></head><body><input id="a" type="text" value="请输入搜索词" onmouseover="selectInputContent(this.id)"/><script type="tex

JavaScript 限制文本框不可输入英文单双引号的方法_javascript技巧

<input id="workname" style="width: 200px" name="workname" value="" type="text" onkeyup="JavaScript:replaceLikeVal(this)" /> 正则实现replaceAll: function replaceLikeVal(comp){ if (comp.value.ind

JS input文本框禁用右键和复制粘贴功能的代码_javascript技巧

复制代码 代码如下: function click(e) { if (document.all) { if (event.button==1||event.button==2||event.button==3) { oncontextmenu='return false'; } } if (document.layers) { if (e.which == 3) { oncontextmenu='return false'; } } } if (document.layers) { docume

使用js实现按钮控制文本框加1减1应用于小时+分钟_javascript技巧

time.html代码: 复制代码 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""&g

js限制文本框只能输入整数或者带小数点的数字_javascript技巧

做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢,仅允许输入整数数字或者带小数点的数字.下面这段代码也许能帮到你!通过对当前输入框定义onkeypress,onkeyup,onblur事件对表单做了充分的验证,结果还是非常靠谱的. 复制代码 代码如下: <input type="text" value="" t_value="" o_value="" onkeypress="if(!this.value

.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)_javascript技巧

js: 复制代码 代码如下: function bubufx_enterpress(e) {         var keynum;           if (window.event) // IE           {             keynum = e.keyCode;         }         else if (e.which) // Netscape/Firefox/Opera           {             keynum = e.which;