樣式輸入類型文件按鈕

我有一個關於輸入類型文件按鈕樣式的問題。因爲我不能設計文件輸入按鈕的樣式，我可以創建一個div來讓我可以設計我想要的樣式，當我點擊它時，它會觸發輸入類型按鈕，它會打開瀏覽窗口？如果是的話，任何建議如何做到這一點？謝謝。樣式輸入類型文件按鈕

來源

2012-12-16 southpaw93

是的，你也許可以做到這一點。當你陷入困境時，你應該去問一個更具體的問題。 – RichardTowers

[樣式化輸入類型=「文件」按鈕]（http://stackoverflow.com/questions/572768/styling-an-input-type-file-button） –

是的，你可以，這是最常用的黑客之一的樣式文件輸入。

看看http://www.quirksmode.org/dom/inputfile.html

來源

2012-12-16 10:27:28 Tim

發現這個jsfiddle這樣做：http： //jsfiddle.net/fengelz/28x7Y/ – Tim

'form> input [type =「file」] {}'不起作用嗎？ – sourRaspberri

蒂姆這是太好了，謝謝，我會做出這樣的感謝:) – southpaw93

可能是你可以隱藏輸入元素，並使用了造型的目的一個div ..

<input type="file" id="myFileInput" onchange="$('#myFileDiv').text($(this).val());" style="display:none;" /> 
<div id="myFileDiv" onclick="$('#myFileInput').click();"> 
    Select File.. 
</div>

來源

2012-12-16 12:06:17

樣式輸入類型文件按鈕

回答

相關問題