轉變作風

Question

可能重複：
What is the best way to replace the file browse button in html?
How to style 「input file」 with CSS3/Javascript?

可以改變的<input type='file' />的風格？

如果是，如何更改？ chrome顯示我在文件瀏覽輸入中選擇的文件名。

如何在文件瀏覽輸入中隱藏文件名？

Answer 1

不，它不能改變。

但是，有一種技巧在網絡上廣泛流傳。這個想法是給<input type="file"/>一個不透明度值0.1並將其放置在圖像頂部。對於所有實際目的而言，它將是不可見的，只有圖片可見，但會收到鼠標點擊。使用一些Javascript，然後您可以在頁面上的其他地方顯示選定的文件名。

Answer 2

問過：

• How can I style a file input field in Firefox?
• Styling an input type="file" button
• How to style "input file" with CSS3/Javascript?
• Styling <input type="file">
• Change cursor type on input type="file"
• https://stackoverflow.com/questions/3984815/jquery-best-way-to-style-a-input-file-tag
• how can i style input file textbox?

如果你有搜索，那麼它會給你從StackOverflow本身最好的答案。 希望它能起作用！

Answer 3

您可以使用幾行javascript。示例演示http://jsfiddle.net/eyjsF/