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

【问题标题】：How to change Browse button style in php file uploader如何更改 php 文件上传器中的浏览按钮样式
【发布时间】：2011-04-11 09:26:21
【问题描述】：

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

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

【问题讨论】：

How to style a file upoad? 的可能重复项
这是不可能的常规方式。只有一些“黑客”。您可以在this article on quirksmode.org 找到解决方案。
What is the best way to replace the file browse button in html?的可能重复

标签： html coding-style

【解决方案1】：

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

【讨论】：

我只想增加浏览按钮和文本字段之间的空间，可以吗
这当然不可能，因为字段和按钮不是单独的元素。

【解决方案2】：

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

【讨论】：

【解决方案3】：

要么使用样式标签

<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" />

【讨论】：

他说的是文件输入的“浏览”按钮——不是提交按钮。