去掉IE10+版本浏览器input右侧小标签

转载 2016年08月29日 14:01:16

Ie10+ 浏览器对表单元素进行了进一步增强,添加了不少新功能,其中当文本框输入内容时右边会自动出现一个小叉,点击小叉可以清空文本框,如果想要隐藏小叉叉,可以通过css样式清除之,具体做法参考下面实例:

input::-ms-clear{display:none;}/*隐藏文本框叉子*/
input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/

注意上面css样式中是两个冒号,一个冒号大家都知道是伪类,而这两个冒号,叫作伪元素。
另外需要注意的是,因为伪元素是css3新增的功能,所以如果在IE10+浏览器下切换到兼容的低版本浏览器下时,右边的小叉还是存在的,这个目前似乎没有什么解决方案,不过在真实的低版本IE下因为原本就没有小叉叉的功能,自然也不会有问题。

本文转载自Jsoner,发布时间: 2014-12-27,原文链接http://www.jsoner.com/2014/12/27/%e5%8e%bb%e6%8e%89ie10%e7%89%88%e6%9c%ac%e6%b5%8f%e8%a7%88%e5%99%a8input%e5%8f%b3%e4%be%a7%e5%b0%8f%e5%8f%89/

超市账单管理------之获取总记录数

根据以前写过的登录,现在来写一下获取总记录数根据上一个继续编写 1.在IUserInfoDAO中编写 1 //2.获取总记录数 2 public int getTotalCoun...
  • zhanglao33
  • zhanglao33
  • 2017年08月26日 17:05
  • 226

html去掉number类型input右侧的加减按钮

复制到css样式里 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearan...
  • qf0129
  • qf0129
  • 2016年02月03日 14:59
  • 4356

删除IE input 下的小叉叉

input::-ms-clear { display: none; } 可以删除IE 下输入后的清除小叉叉
  • ISaiSai
  • ISaiSai
  • 2014年12月24日 15:09
  • 5720

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

IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入...
  • sunny327
  • sunny327
  • 2015年07月22日 15:31
  • 12168

如何取消烦人的浏览器默认输入框样式

如何取消烦人的浏览器默认输入框样式
  • Shsgear
  • Shsgear
  • 2016年10月16日 11:27
  • 3629

去除掉浏览器对输入框的自动补全

去除掉浏览器对输入框的自动补全:设置autocomplete="off"
  • u012811805
  • u012811805
  • 2017年01月06日 10:24
  • 546

input之怎么清除默认值

     其实很多的网站都用到了此功能,它非常容易实现,却又很人性化。     我们先来看看它的要求:     首先,http://不能让用户该变;其次,input框得到焦点后里面的文字消失而且文字颜...
  • tangxiangpi
  • tangxiangpi
  • 2008年11月25日 12:30
  • 7012

【解决方案】去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,out...
  • fifteen718
  • fifteen718
  • 2017年03月22日 17:25
  • 2034

input边框怎么去掉

th:value="${#dates.format(task.StartTime, 'yyyy-MM-dd')}" /> 去除input边框在样式里加  border: 0px; ...
  • gaochenglong1
  • gaochenglong1
  • 2017年12月27日 16:40
  • 140

去掉iphone Safari浏览器下input submit 和按钮的圆角

在Iphone的Safari浏览器下查看网页时, 会看到input框有圆角,但其他浏览器上没有圆角,如果希望页面在所有浏览器上看的效果一致,可以在input样式下加上这段css代码。   .cla...
  • dayu9216
  • dayu9216
  • 2017年07月20日 16:05
  • 234
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:去掉IE10+版本浏览器input右侧小标签
举报原因:
原因补充:

(最多只允许输入30个字)