更改AsyncFileUpload控件上的按鈕文本

Question

是否可以將Ajax控件工具包的AsyncFileUpload控件上的按鈕文本從「選擇文件」（現代風格）更改爲其他內容？它應該是一個簡單的東西，如Button上的Text屬性，但我找不到任何屬性。也可以應用任何其他自定義樣式的按鈕？

Answer 1

下載Ajax Toolkit源代碼並在那裏進行樣式調整。重新編譯該項目並使用新的DLL。這些控件傾向於將樣式嵌入爲Web資源，這會覆蓋您可能會嘗試應用的CSS。

Answer 2

還有另一種方式

<div class="inputblock" style="width: 350px;"> 
<ajaxToolkit:AsyncFileUpload runat="server" ID="FileUP" ClientIDMode="AutoID" UploaderStyle="Modern" OnUploadedComplete="FileUP_UploadedComplete" Width="100%" /> 
</div> 

這些呈現這樣的事情

<div id="ctl00_PopUpPlaceHolder_FileUP"> 
<input name="ctl00$PopUpPlaceHolder$FileUP$ctl00" id="ctl00_PopUpPlaceHolder_FileUP_ctl00" type="hidden"> 
<div id="ctl00_PopUpPlaceHolder_FileUP_ctl01" style='background: url("/WebResource.axd?d=some&pars") no-repeat 100% 1px; margin: 0px; width: 100% !important; height: 24px; text-align: right; min-width: 100%;'> 
    <input name="ctl00$PopUpPlaceHolder$FileUP$ctl02" id="ctl00_PopUpPlaceHolder_FileUP_ctl02" style="width: 100%; font-size: 14px; opacity: 0; -moz-opacity: 0.0;" type="file"> 
    <div style="text-align: left; margin-top: -23px;" type="text"> 
     <input name="ctl00$PopUpPlaceHolder$FileUP$ctl04" id="ctl00_PopUpPlaceHolder_FileUP_ctl04" style="width: 248px; height: 17px; font-family: Tahoma; font-size: 12px;" type="text" readonly="readonly"> 
    </div> 
</div> 

，你總是可以日CSS改來改去任何像這樣的syling：

#ctl00_PopUpPlaceHolder_FileUP_ctl01 { 
    background: url("/img/input_file.png") no-repeat right top !important; 
    //some othe stylings, but "!important" is strongly necessarily 
} 

這個工程。