Изменение кнопки ajaxtoolkit: AsyncFileUpload

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")');

Замените AsyncFileUpload1 на свой ControlId.

У меня отлично работает! =)