更改 AsyncFileUpload 控件上的按钮文本答案

【问题标题】：change button text on AsyncFileUpload control更改 AsyncFileUpload 控件上的按钮文本
【发布时间】：2011-06-11 23:03:25
【问题描述】：

是否可以将 Ajax 控件工具包的 AsyncFileUpload 控件上的按钮文本从“选择文件”（现代风格）更改为其他内容？它应该是一个简单的东西，比如 Button 上的 Text 属性，但我找不到任何属性。是否可以为按钮应用任何其他自定义样式？

【问题讨论】：

标签： asp.net asp.net-ajax file-upload ajaxcontroltoolkit asyncfileupload

【解决方案1】：

下载 Ajax Toolkit 源代码并在那里进行样式调整。重新编译项目并使用新的 DLL。这些控件倾向于将样式嵌入为 Web 资源，这会覆盖您可能尝试应用的 CSS。

【讨论】：

【解决方案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>

你总是可以改变 th css 来改变任何这样的样式：

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

这行得通。

【讨论】：