如何在php文件上传器中更改浏览按钮样式

Question

我编写了以下代码，生成浏览和上传按钮。我想更改浏览按钮的默认样式。解释如何做到这一点。

<input id="formButton" type="file" name="csv" size="40" value="" />
<input type="submit" name="upload_bulk_trainees" value="Upload" />

Answer 1

type="file"字段的样式非常有限。有些浏览器允许比其他浏览器更多的自定义 - 但一般规则是您最好不要指望任何样式应用于这些字段。

Answer 2

我不相信这是可能的。作为一种安全措施，这些输入控件保持标准外观，以便用户始终知道他们正在与之交互。

Answer 3

查看jquery插件filestyle

Answer 4

这是不可能的。只有一些“黑客”。您可以在this article on quirksmode.org中找到解决方案。

Answer 5

使用样式标记

<input type="submit" name="upload_bulk_trainees" style="background-color: blue" value="Upload" />

或css类

<style type="text/css">
.button {
 background-color: red; 
}
</style>
<input type="submit" name="upload_bulk_trainees" class="button" value="Upload" />