如何更改在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文件上傳器中瀏覽按鈕樣式

回答

相關問題