如何以编程方式将css类应用于asp.net控件

本文关键字：应用于 asp net 控件 css 编程 方式 | 更新日期: 2023-09-27 18:09:43

我想知道如何将CSS类应用于ASP。. NET控件(本例中为TextBox)通过c#后端实现。例如:

<asp:TextBox ID="firstName" CssClass="input left" runat="server" Text="First Name" />

我想添加另一个类到元素"selected"，如果一个值为真，我测试的后端

<asp:TextBox ID="firstName" CssClass="input left selected" runat="server" Text="First Name" />

最好的方法是什么?谢谢!

如何以编程方式将css类应用于asp.net控件

你可以这样做:

 firstName.CssClass = "input left selected".

如果你想添加到任何现有的类名，这样做:

firstName.CssClass += " selected";

这只是WebControl的一个字符串属性:

firstName.CssClass += " selected";

if(yourCondition) {
    var css = "myClass";
    if(String.IsNullOrWhiteSpace(element.CssClass))
        element.CssClass = css;
    else
        element.CssClass += " " + css;
}

我认为你可以按照正常的方式做，就像下面这样:

      if (value.Equals(true))
       {
            firstName.CSSClass = "input left selected";
       }

希望这有帮助!!

只需在ViewDataDictionary中为类创建一个条目。

后端看起来像

ViewData["selectedclass"] = <conditionalstatement> ? "selected" : "";

视图是

    <asp:TextBox ID="firstName" CssClass="input left <%= ViewData["selectedclass"]%>" runat="server" Text="First Name" />

您可以实现像

这样添加cssClass
firstName.CssClass = "input left selected";

或

为文本框设置onClick事件

<asp:TextBox ID="firstName" CssClass="input left" runat="server" Text="First Name" OnClick="firstName_Click"  />

然后在代码后面:

void firstName_Click(Object sender, EventArgs e) {
    MyTextBox.CssClass = "input left selected";
}

你可以使用UI控件的属性

firstName.Attributes["css"]="Your Class Name";
相关文章：