我想使用bootstrap将文件输入包装在一个按钮内。但是我遇到了一个无法访问输入文件的问题,这意味着我在使用Internet Explore时无法上传文件,而它与Chrome一起工作正常。有人知道为什么会出现这个问题吗?
。 Here is the Jsfiddle code
答案 0 :(得分:0)
我想将文件输入包装在一个按钮
中
这会创建无效的HTML。 http://www.w3.org/TR/html5/forms.html#the-button-element:
“内容模型:短语内容,但必须有没有互动内容后代。”
(由我突出显示。)
input
是互动内容(除非它有type=hidden
),因此不允许将其作为button
的后代。
当你开始创建无效的HTML时,你不能期望跨浏览器的结果一致。所以告别你的“输入内部按钮”方法。
http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/就如何设置文件输入样式提出了建议。