html - IE 中的文件上传按钮和奇怪的文本光标行为

标签 html css internet-explorer file-upload

我构建了一个上传按钮,其格式看起来像典型的 html 按钮,而不是浏览器标准文件上传表单。该方法是设置 anchor 元素的样式并在顶部覆盖透明文件输入元素。

这种方法在除 IE 之外的所有浏览器中都能正常工作。在 IE 中,当用户单击上传按钮时,会出现一个文本光标,就好像用户单击了文本输入框一样。用户可以通过双击按钮触发文件上传对话框。但这不是我们想要的或任何人期望的行为。

我不知道为什么会这样。我在这里设置了一个 jsfiddle 来演示这个问题: http://jsfiddle.net/davelee/yfSmc/3/

最佳答案

在IE11上遇到这个bug,用font-size: 0修复它;

关于html - IE 中的文件上传按钮和奇怪的文本光标行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10643270/

相关文章:

html - 图像映射/定位 anchor 位于定位图像之上(Firefox 问题)

javascript - Backbone.Collection.reset() 在 IE8 中抛出异常

javascript - 杀蛇不工作状态加物体不工作属性

javascript - 显示 = 'none' 在 javascript 中不起作用

html - Twitter bootstrap 2 行全宽

javascript - AngularJS 性能问题

html - 以嵌套 div 中的第 n 个 child 为目标

javascript - 显示动态增长的列表

css - Internet Explorer 11 在本地主机和远程服务器之间以不同方式呈现 .aspx 页面

internet-explorer - Selenium WebDriver 在 IE 浏览器的文本字段中输入速度非常慢