去掉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/

相关文章推荐

Win7安装ie10后蓝屏重启及浏览器滚动栏右侧出现黑条解决方案

点评:听说 IE10 全面支持 HTML5,于是在自己的 Win7 SP1 64 位操作系统上安装了,想体验一下,没想到一打开浏览器,滚动栏右侧有黑条,输入网址回车电脑立马蓝屏重启了,接下来介绍解...

IE10浏览器下载只支持windwos7及以上

  • 2011年07月28日 18:45
  • 18.38MB
  • 下载

Win8 IE10浏览器全方位解析

与Windows8分裂的桌面一致,新的IE也分为适合平板用户的Metro/Modern版和传统的桌面版,这两个版本都有哪些特色呢? 前言: 从辉煌走向没落的 Internet Explorer ...

IE10浏览器安装包

  • 2017年07月11日 14:52
  • 67.11MB
  • 下载

Windows 8的IE10在浏览器安全测试中独占鳌头

摘要:NSS实验室研究人员在9月份测试了IE、Mozilla Firefox、Google Chrome和Apple Safari在Windows 8中的表现。 NSS实验室测试架构...
  • Jye13
  • Jye13
  • 2012年12月07日 09:56
  • 451

浏览器IE10之爱之初体验

浏览器IE10之爱之初体验         现在浏览器的种类是越来越多了,想当初,只知道Internet Explorer,即IE。记得,大家最早开始上网的时候,常常将上网的工具称之为“大E”,搞笑...
  • zeroty
  • zeroty
  • 2013年01月18日 23:19
  • 404

解決 IE10 浏览器无法使用 ASP.NET 表单验证登录的问题

IE10中Session丢失问题引起众多业内人士的关注,今天发现在IE10中登录网站时,使用表单验证机制(FormsAuthentication)却无法判断该用户已登入,保存的Session总会丢失,...

Ie10 浏览器嵌入flash 备忘

body { background-color: Azure; } .out { wid...
  • WDYDXF
  • WDYDXF
  • 2013年03月08日 12:59
  • 901

解决IE10以上版本doPostBack未定义

  • 2013年12月02日 10:24
  • 23.38MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:去掉IE10+版本浏览器input右侧小标签
举报原因:
原因补充:

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