使用Bootstrap将文件输入转换为形状

时间:2016-01-20 11:57:21

标签: javascript html css twitter-bootstrap-3

我想使用bootstrap将文件输入包装在一个按钮内。但是我遇到了一个无法访问输入文件的问题,这意味着我在使用Internet Explore时无法上传文件,而它与Chrome一起工作正常。有人知道为什么会出现这个问题吗?Here is the Jsfiddle code

1 个答案:

答案 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/就如何设置文件输入样式提出了建议。