如何去掉IE文本框后的那个X css代码

转载 2015年07月09日 15:19:43

在IE10以上版本中,页面上的文本框控件在输入文字时候会被自动加上一个X。但是IE这个自作聪明的功能有时候会让我们的页面爆掉,比如当文本框宽度过小,X显示不下时候会顶掉你的文本。

要隐藏这个X可以用IE预留的一个vendor属性:::-ms-clear

/* Remove IE's “clear field” X button */
.field-set input[type=text]::-ms-clear
{
    display: none;
}

现在这个自作聪明的X就木了:

去掉IE10以上文本框后的X按钮

IE10,IE11浏览器当点击input text文本框时,输入文本后出现一个删除功能的X按钮。 去掉input text文本框后的X按钮的方法:给input text添加如下CSS input::...
  • u013120247
  • u013120247
  • 2016年06月22日 09:23
  • 1277

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

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

【CSS】隐藏多行文本框Textarea在IE中的垂直滚动条

在《【CSS】禁止Google浏览器允许定义调整多行文本框》(点击打开链接)中已经提及过如何使多行文本框Textarea在一些DOM2的浏览器中固定下来。 这不,多行文本框Textarea在IE中也...
  • yongh701
  • yongh701
  • 2015年07月16日 15:03
  • 2303

input 标签 文本框去掉外边框的方法 兼容ie6及其他浏览器

overflow:hidden;*border:red;   这个属性就完全可以解决了*border:可以是任意的颜色。...
  • zch681990
  • zch681990
  • 2013年10月16日 21:15
  • 1130

去掉IE10、IE11的默认文本框样式

在IE 10+的浏览器上,输入框在输入的时候会出现叉叉效果,如何去掉这个效果呢?...
  • ivan0609
  • ivan0609
  • 2016年06月13日 16:16
  • 2428

清除IE10下input的叉叉(X)和密码输入框的眼睛图标

从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本, 如下图: 对于type=”password”的 input ...
  • web_qdkf
  • web_qdkf
  • 2015年11月25日 17:28
  • 3684

文本框获取焦点后出现的边框,怎么去掉

文本框获取焦点后出现的边框,怎么去掉 其实这个不是边框,而是轮廓!用CSS 去掉轮廓就行了! outline:none 属性定义及使用说明 outline(轮廓)是绘制于元素周...
  • cplvfx
  • cplvfx
  • 2017年06月17日 11:17
  • 895

删除IE input 下的小叉叉

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

去掉Input文本框的边框

去掉:只留下边框:
  • mayixi
  • mayixi
  • 2010年07月25日 09:00
  • 2483

如何去除ie的select下拉框箭头图标

select { width: 100%; height: 34px; border: solid 1px #0086EA; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ ...
  • xiaozhuyirena
  • xiaozhuyirena
  • 2017年03月11日 14:40
  • 4132
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何去掉IE文本框后的那个X css代码
举报原因:
原因补充:

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