html - 如何将“选择文件”移动到“未选择文件”的右侧用CSS

Question

我想知道是否有办法更改“选择文件”和“未选择文件”的位置，以便“未选择文件”区域出现在“选择文件”之前。我不想更改任何html，我只想更改css。

<input type="file" id="upload" name="files[submission_1]" size="22" class="form-file" />

在这里节省时间 http://jsfiddle.net/x8wCu/

Answer 1

不幸的是，这是不可能的，因为浏览器决定了它的显示方式。

但是，您可以使用 hack 自定义它的外观。你基本上通过设置opacity来隐藏你的文件输入0，然后把它div放在上面。

检查这个小提琴。