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

我已经编写了下面的代码，它生成了一个浏览和上传按钮。我想更改浏览按钮的默认样式。请解释如何做到这一点。如何更改在php文件上传器中浏览按钮样式

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

来源

2011-04-11 n92

可能重复的[如何设置文件的upoad？]（http://stackoverflow.com/questions/4441341/how-to-style-a-file-upoad） – 2011-04-11 09:29:34

不知道为什么它被标记为PHP – 2011-04-11 11:46:40

可能的重复[什么是最好的方法来替换HTML中的文件浏览按钮？]（http://stackoverflow.com/questions/108149/what-is-the-best-way-to-replace-the-file-browse- button-in-html） – lonesomeday 2012-10-23 21:58:17

type="file"场的造型是极其有限的。某些浏览器允许比其他浏览器更多的定制 - 但一般规则是，您最好不要指望任何样式适用于这些字段。

来源

2011-04-11 09:29:57 ThiefMaster

我想只是增加浏览按钮和文本字段之间的空间，这是可能的 – n92 2011-04-11 11:43:44

这当然是不可能的，因为字段和按钮不是单独的元素。 – ThiefMaster 2011-04-11 11:54:13

好的，谢谢你的回复 – n92 2011-04-11 12:16:59

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

来源

2011-04-11 09:28:51 nickf

-1

既可以使用样式标记

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

来源

2011-04-11 09:29:42 sharpner

他在谈论文件输入的“浏览”按钮 - 而不是提交按钮。 – ThiefMaster 2011-04-11 09:30:27

看一看的jQuery插件filestyle

来源

2011-04-11 09:29:54 kieran

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

来源

2011-04-11 09:30:23 micha149

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

回答

相关问题