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来改变这样的任何音节：

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

这有效。

更改AsyncFileUpload控件上的按钮文本

2 个答案: