如何更改AjaxControlToolkit HtmlEditorExtender控件的背景颜色？

Question

我正在使用 AJAX Control Toolkit 的 HtmlEditorExtender 控件，我想将编辑器的背景颜色更改为另一种颜色。

您可以如何做到这一点？

- Maninder

Answer 1

你只需要针对AJAXControlToolkit用于样式化该元素的CSS类进行定位。在这种情况下，它是ajax__html_editor_extender_texteditor类。以下CSS将使HTML编辑器的背景变为橙色：

.ajax__html_editor_extender_texteditor
{
    background-color:#FFA500;
}

- Josh Darnell

Answer 2

请将所有内容放在这个 div 中。效果很好！

div 样式="背景颜色：白色；宽度：100%；背景颜色：白色；内边距：0px 10px 6px 0px;"

- user2648846

Answer 3

如果您将控件和扩展程序放入表格中，可以在标签中设置背景颜色，如下所示：

。

<td style="background-color: white;">
        <asp:TextBox ID="myTextBox" MaxLength="1000" Width="250px" Height="250px" TextMode="MultiLine" Rows="10" Wrap="true" runat="server" />
        <ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1" TargetControlID="myTextBox" runat="server"/>
</td>

- lcn

Answer 4

你尝试定义一个 CSS 并将其设置为 HtmlEditorExtender 的 CssClass 属性。

E.g

<style type="text/css">
.generalbox {
background-color:#F90
}
</style>


<cc2:Editor ID="txtDescription" CssClass="generalbox" runat="server"  Height="300px" AutoFocus="true" Width="100%" />

- Terry chan

---

HtmlEditorExtender没有CssClass属性。简单的Html编辑器有这个属性，我已经验证过了。我正在使用HtmlEditorExtender而不是HtmlEditor。 - Maninder