IE下input框内有一把小叉子

2023-11-07 05:21
文章标签 input 一把 ie 框内 叉子

本文主要是介绍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

这篇关于IE下input框内有一把小叉子的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/361521

相关文章

zeroclipboard 粘贴板的应用示例, 兼容 Chrome、IE等多浏览器

zeroclipboard单个复制按钮和多个复制按钮的实现方法 最近网站改版想让复制代码功能在多个浏览器上都可以实现,最近看网上不少说我们的代码复制功能不好用的,我们最近将会增加代码高亮等功能,希望大家多多支持我们 zeroclipboard是一个跨浏览器的库类 它利用 Flash 进行复制,所以只要浏览器装有 Flash 就可以运行,而且比 IE 的

vue中oninput和@input区别

使用oninput绑定,此方法会导致中文输入法情况下,v-model和value不一致,原因是在中文输入法情况下vue中的v-model会自动return,v-mode绑定的值不变,value绑定的值可变。 :οninput="value=value.replace(/\D/g,'')" @input="row[item.prop]=row[item.prop].replace(/\D/g,'

Caused by: java.lang.NumberFormatException: For input string: “?2130969371“

Caused by: java.lang.NumberFormatException: For input string: "?2130969371"   题记报错。 上结论:"?2130969371" ,即:”?attr/sudScrollIndicator“, 是因为sudScrollIndicator自定义属性主题未给定值引起。   在AS工程引入setupdesign和setup

【unity实战】利用Root Motion+Blend Tree+Input System+Cinemachine制作一个简单的角色控制器

文章目录 前言动画设置Blend Tree配置角色添加刚体和碰撞体代码控制人物移动那么我们接下来调整一下相机的视角效果参考完结 前言 Input System知识参考: 【推荐100个unity插件之18】Unity 新版输入系统Input System的使用,看这篇就够了 Cinemachine虚拟相机知识参考: 【推荐100个unity插件之10】Unity最全的最详细的C

【Python报错已解决】`EOFError: Ran out of input`

🎬 鸽芷咕:个人主页  🔥 个人专栏: 《C++干货基地》《粉丝福利》 ⛺️生活的理想,就是为了理想的生活! 文章目录 引言:一、问题描述:1.1 报错示例:1.2 报错分析:1.3 解决思路: 二、解决方法:2.1 方法一:检查文件内容2.2 步骤二:使用`file.tell()`和`file.seek()`调整文件指针 三、其他解决方法

解决el-table中使用el-input无法聚焦问题

在el-table中点击单元格时使用el-input或其他表单组件编辑单条数据。会出现聚焦不上的问题,需要手动点击才能够聚焦。究其原因是因为点击单元格时页面已自动聚焦到单元格,此时无法自动聚焦到对应的表单,需要手动设置。 <template><el-table:data="tableData"@cell-click="cellclickHandle"><el-table-column

vue使用html2Canvas导出图片 input文字向上偏移

vue使用html2Canvas导出图片 input文字向上偏移 图中 用的是element的输入框 行高 32px,经常测试 你使用原生的input 还是会出现偏移。 解决方法:修改css样式 1.怎么实现导出 网上随便找很多 2.在第一步 获取你要导出的元素id 克隆后 修改他的样式或者 你直接在你需要打印的页面全局修改样式 3.主要是重置字体的行高,我这里输入框高度是32p

IE中的事件对象window.event

和dom中的事件对象做对比: 几个重要的方法和属性分别是: (1)事件类型:同为type属性; (2)事件作用目标:ie为srcElement属性; (3)阻止事件冒泡:ie为canceBubble属性;(设置为ture为阻止冒泡,false为允许); (4)阻止事件默认行为:ie为retureValue属性;(设置为ture为阻止,false是允许); 同样通过判断浏览器的能力来选择

mybatis 出错:java.lang.NumberFormatException: For input string: “A“

@GetMapping("/generateOldCarModelRanking")@ApiOperation("老旧车车型排名")public Result generateOldCarModelRanking(@RequestParam(value = "year")String year,@RequestParam(value = "isCommercial")boolean isCom

如何在html中播放本地视频文件【兼容ie、火狐、谷歌、360浏览器等】

查询资料会发现,有的说用object标签,有的用embed标签,其实都是对的。只是针对的情况不一样,前者主要适用ie浏览器,后者用于火狐谷歌等其他浏览器。 <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 embed标签定义嵌入的内容,比如插件。 object和embed的区别:1、是为了兼容不同浏览器,I