調整文件上傳按鈕的大小

Question

我想調整HTML中文件上傳按鈕中顯示的「瀏覽」部分的大小。當我嘗試使用「大小」或「寬度」屬性調整大小時，只會減小整個大小。但我只想要縮小「瀏覽」按鈕部分的大小，而不是顯示文件路徑的文本框部分。我可以做到這一點，而不使用CSS？如果是，如何？

Answer 1

文件輸入元素非常難以設計。其中一個問題是它實際上是一個單一的元素，即使它呈現爲兩個元素。

一種方法是隱藏幕後的整個元素，並向用戶顯示自定義元素。這裏有關於它的an article。基本上文件輸入元素是隱藏的，一些JavaScript支持的一些自定義元素正在處理UI並將必要的信息傳遞給文件輸入。

Answer 2

要改變瀏覽按鈕的外觀是非常困難的，因爲它通常被硬連線到瀏覽器中。

但是，在Quirksmode.org|Styling an input type="file"，有一篇很長的文章討論了用於改變文件輸入元素外觀的複雜CSS技術。