大佬教程收集整理的这篇文章主要介绍了css – 如何在兼容模式下从IE10文本框中删除清除按钮(‘X’按钮)?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=9" />
在IE10中,很多CSS在页面中断,所以使用IE = Edge并不是一个可行的解决方案,现在(将来会被使用一旦所有的CSS都被修复,但我不会看到这个不久的将来).
现在,关键是所有的文本框都有清除按钮.在只有一个文本框中,我们不需要这个交叉(因为我们已经有一个自定义(X)按钮从文本框很远).
我尝试过:: ms-clear,但是没有像我们在BrowserMode:IE10和DOCMode:Standards那样工作.现在可以做什么来删除那个’X’.
这是代码笔:
http://codepen.io/rjuyal/pen/iGKnI
摘自代码
.gen{ margin: 10px; margin-top: 40px; box-shadow: inset 1px 2p 0 rgba(200,100,10,0.2 ); font-size: 16px; width: 400px; line-height: 18px; height: 41px; fint-family: 'Lucida Grande','Arial'; vertical-align: middle; } .ie10f{ height: 0px !important; line-height: 0px !important; padding-top: 22px !important; padding-bottom: 22px !important; }
你会看到两个文本框,一个与另一个没有它.
最好的部分是,这隐藏在IE10中的X(没有兼容性模式).
附:您将不得不从开发人员工具手动将DOCMode更改为IE9.
以上是大佬教程为你收集整理的css – 如何在兼容模式下从IE10文本框中删除清除按钮(‘X’按钮)?全部内容,希望文章能够帮你解决css – 如何在兼容模式下从IE10文本框中删除清除按钮(‘X’按钮)?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。