如何在ASP .NET的Web窗體上的控件中實現CSS類？

Question

我的項目中有一個名為StyleSheet.css的文件。

在這里，我有Web表單上每個元素的類。

例如：

.selectEnvironment
{
    background-color: #FF0000;
}

然后，轉到Web表單上的控件（下拉列表），然后向其中添加CSS類：

   <div>
    <asp:DropDownList ID="ddlEnvironment" runat="server" AutoPostBack="True" 
    OnSelectedIndexChanged="ddlEnvironment_SelectedIndexChanged" CssClass="selectEnvironment">
            <asp:ListItem>Select Environment</asp:ListItem>
            <asp:ListItem>Development</asp:ListItem>
            <asp:ListItem>Staging</asp:ListItem>
            <asp:ListItem>Production</asp:ListItem>
        </asp:DropDownList>
    </div>

這是行不通的。 此的背景色未更改為紅色。

我究竟做錯了什么？ 我是前端Web開發的新手。

Answer 1

您必須注冊自己的風格

    <head runat="server">

      <style type="text/css">
      ...
      </style>
    </head>

您也可以使用此行

<link href="MyStyles.css" rel="stylesheet" type="text/css" />

您也可以在代碼背后注冊

protected override void OnInit( EventArgs e )
{
    this.Header.InnerHtml += "<link type=\"text/css\" rel=\"Stylesheet\" href=\"styleSheet.css\" />";
    base.OnInit(e);
}

Answer 2

將樣式添加到主頁面的頭部。 或鏈接CSS。
然后將CSSCLASS添加到下拉菜單中。
運行並查看魔術。 它會工作。

檢查下面。 在此處輸入圖片說明

讓我知道是否有幫助。

問候，

普拉迪

Answer 3

將樣式表從解決方案資源管理器中拖到設計視圖中的頁面或母版頁眉中。 這是確保樣式表路徑正確的最簡單方法；-)

如何在ASP .NET的Web窗體上的控件中實現CSS類？

問題描述

3 個解決方案

解決方案1
3 2012-09-24 17:27:09

解決方案2
2 2012-09-24 17:37:58

解決方案3
1 已采納 2012-09-24 17:31:54

如何在ASP .NET的Web窗體上的控件中實現CSS類？

問題描述

3 個解決方案

解決方案1 3 2012-09-24 17:27:09

解決方案2 2 2012-09-24 17:37:58

解決方案3 1 已采納 2012-09-24 17:31:54

解決方案1
3 2012-09-24 17:27:09

解決方案2
2 2012-09-24 17:37:58

解決方案3
1 已采納 2012-09-24 17:31:54