2011-06-27 35 views
9

如您所知,您可以使用(hacky)方法將文件輸入定位到自定義按鈕上,並在文件輸入上使用opacity: 0來製作自己的文件輸入控件。有沒有辦法讓一個文件輸入較大的跨瀏覽器本地`瀏覽`按鈕?

下圖顯示了文件輸入完全位於瀏覽按鈕上的預期設計。

Example

正如你所看到的,人造的瀏覽按鈕,比一個瀏覽器(Firefox 4)已引起大得多。

如果我增加輸入的寬度,它似乎達到了一個不再增加的限制。

Here is a jsFiddle to play with,顯示出問題。 real瀏覽按鈕的大小應與人造大小相同。

有沒有辦法拉掉這個,或者必須我用Flash還是讓按鈕變小?

+0

我搞砸與它一點點。它適用於Chrome和IE。似乎沒有在FireFox 4 :(但。這種方法使用標籤。http://jsfiddle.net/rH5SY/3/
這個想法是創建一個假的瀏覽按鈕,但觸發真正的隱藏。 – Keverw

+0

+1有趣的問題 –

回答

相關問題