更改值屬性及其輸入形式的樣式

我在div內生成了一個表單。我已設法設置窗體的輸入框和按鈕的背景和邊框，但我似乎無法更改按鈕的值屬性或樣式，因此我可以將字體顏色更改爲其他顏色比黑色。我有以下基本代碼來生成表單：更改值屬性及其輸入形式的樣式

var csvForm = domConstruct.toDom('<div>Load a CSV file:</div><form id="csvUploadForm" class="uploadForm" method="post" enctype="multipart/form-data"> <input type="file" name="data" id="inFileCSVBtn" value="Upload..." /></form>'); 
domConstruct.place(csvForm, "loadFilesPane");

此代碼在創建主體後觸發。

我的印象是value屬性將設置按鈕的名稱下，但它默認爲「瀏覽...」

有沒有辦法來改變價值屬性別的東西和目標按鈕文字的風格呢？

來源

2013-10-01 MierMoto

文件上傳框是出了名的難風格;通常的做法是讓它們看不見，並把它們放在風格元素的頂部，我想。 – Ryan

類似的問題被問here on StackOverflow

這裏是一個快速鏈接到他們的解決方案在Quirksmode.org

來源

2013-10-01 00:31:15 SunnyD

嘿@SunnyD，我試過這個，但它刪除了輸入框，並用一個大按鈕替換了整個表單。我需要盒子和按鈕組合，但我需要也能夠設置按鈕的樣式。 – MierMoto

@MierMoto我更新了我的答案，希望這有助於 – SunnyD

我實際上已經找到了一個建議[答案]（http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom）在頁面的下方，這可能會適合我。它實際上處理按鈕樣式相當好。我剛剛開始玩這個遊戲，但似乎是這樣。所以，不確定你的答案是否正確，但是它會引導我進入。版主可以決定。 – MierMoto

更改值屬性及其輸入形式的樣式

回答

相關問題