2011-07-11 62 views
1

我正在使用ajaxtoolkit:AsyncFileUpload,我想知道是否有改變按鈕的方式嗎?更改ajaxtoolkit的按鈕:AsyncFileUpload

<ajaxtoolkit:AsyncFileUpload Width="200" ID="filImageUpload" ThrobberID="imgUploadProgress" 
    OnUploadedComplete="filImageUpload_UploadComplete" 
    OnClientUploadComplete="filImageUpload_UploadImageComplete" 
    OnClientUploadStarted="filImageUpload_UploadStarted" 
    OnClientUploadError="filImageUpload_UploadError" 
    UploaderStyle="Traditional" CompleteBackColor="LightGreen" ErrorBackColor="Red" runat="server" /> 

是否有另一個屬性,可以讓我改變它,我失蹤了?或者我可以使用CSS進行更改?

我知道,當它呈現我得到和輸入元素,但我不知道我是否能夠通過在CSS中更改該文本。

任何幫助將不勝感激

回答

4

不是一個真正的解決,而是通過改變UploaderStyle =「傳統」到UploaderStyle =「現代」,你將能夠使按鈕圖片代替。然後,您可以將CssClass添加到AsyncFileUpload中,並通過樣式表添加背景圖像。

.AFU 
{ 
position: relative; 
float: left; 
clear: both; 
top: 0px; 
padding-left: 0px; 
padding-right: 0px; 
width: 200px; 
border:thick; 
margin:0px; 
background: url("Your/Path/Here") no-repeat 100% 1px; 
} 
1

只是做到這一點:

$("#AsyncFileUpload1").find('div').css('background', 'transparent'); 

$("#AsyncFileUpload1").find('div').css('background-image', 'url("Images/btnSelecionar.jpg")'); 

你的控件ID替換AsyncFileUpload1。

適合我! =)