IE下input框内有一把小叉子

简介:

IE浏览器中,使用datepicker插件时,input选择框出现了一把小叉号,而其他浏览器运行正常


wKioL1fqB7_BzrpaAAAza86otwE699.png

这个时候只需要在CSS中添加 input::-ms-clear{display: none;} 就可以解决,也可以通过CSS3中的属性选择器针对特定选择框进行处理,比如:

input[type=search]::-ms-clear{display: none;}  /*清除IE下的 search 叉号*/
input[type=text]::-ms-clear{display: none;}  /*清除IE下的 text 叉号*/

//针对Chrome浏览器
input::-webkit-search-cancel-button{display: none;}  /*清除谷歌浏览器下的 search 叉号*/


在IE10以上测试,这种写法都是没有问题的,IE9及以下还是会有这个问题存在

wKioL1fqCjLDKQFRAAAy31Cu97A198.png

本文转自   frwupeng517   51CTO博客,原文链接:http://blog.51cto.com/dapengtalk/1856949

相关文章
|
监控 JavaScript
jquery实时监控input值的变化、兼容ie9
jquery实时监控input值的变化、兼容ie9
131 0
|
前端开发 数据安全/隐私保护
|
Web App开发 前端开发 JavaScript
|
4月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
7月前
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
77 0
|
3月前
|
JavaScript 前端开发
|
5月前
|
JavaScript
VUE——如何兼容IE9|IE10|IE11浏览器
VUE——如何兼容IE9|IE10|IE11浏览器
179 0
VUE——如何兼容IE9|IE10|IE11浏览器
|
6月前
|
安全 网络安全
用IE浏览器访问网站提示证书错误
当你在Internet Explorer中遇到证书错误提示,通常是因网站SSL/TLS证书问题或浏览器安全设置需调整。解决方法包括: 检查时间设置 调整IE设置 安装证书 调整计算机时间
154 3
|
7月前
win10取消ie浏览器自动跳转edge浏览器
win10取消ie浏览器自动跳转edge浏览器
203 4
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
151 0