Question

我正在使用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中的那个更改该文本。

任何帮助将不胜感激

Answer 1

不是真正的修复方法，但通过将UploaderStyle =“Traditional”更改为UploaderStyle =“Modern”，您可以将按钮改为图像。然后，您可以将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;
}

Answer 2

就这样做：

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

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

用ControlId替换AsyncFileUpload1。

对我来说很好！ =）

更改ajaxtoolkit的按钮：AsyncFileUpload

2 个答案: