【问题标题】:applying css for <li> tag, ASP.Net which is in master page为 <li> 标记应用 css,在母版页中的 ASP.Net
【发布时间】:2013-01-14 00:51:33
【问题描述】:

大家好,我想将css 应用于母版页中的&lt;li&gt; 标记,这是我的设计,它是我的设计

<div id="primary_nav">
    <ul>
       <li class="left active" id="nav_discussion" runat="server">
           <a title="Go to Forums" href="">
               Forums
           </a>
       </li>
       <li class="left" id="nav_members" runat="server">
           <a title="Go to Member List" href="Members.aspx">
               Members
           </a>
       </li>
    </ul>
 </div>

在我的内容页面中,我访问了&lt;li&gt;,如下所示

Control li = Page.Master.FindControl("nav_members");

但我无法申请所需的css 这里有人可以帮助我

【问题讨论】:

  • &lt;li class="left" id="nav_members" runat="server"&gt;我把它作为服务器控制吗?

标签: c# asp.net master-pages


【解决方案1】:

如果你找到了控件,然后使用以下添加 css

 Control li = Page.Master.FindControl("nav_members");
 li .Style.Add("float", "left");

如果你想覆盖一些属性,那么你可以使用

  li .Style.Add("width", "100px !important");

等等。这里有一个很好的链接
What are the implications of using "!important" in CSS?

这是一个类似的问题
C# - How to change HTML elements attributes

编辑 1.

您需要先将其转换为 html 通用控件

 HtmlGenericControl  li = (HtmlGenericControl)(Page.Master.FindControl("nav_members"));
 li .Style.Add("width", "100px !important");

【讨论】:

  • li .Style.Add("float", "left"); after . 我无法得到Style 或attributes.add 这就是我问的原因
【解决方案2】:

试试:

nav_members.Attributes.Add("class", value);

【讨论】:

  • 在一个普通的网页中这是可行的,但我想从母版页调用它
【解决方案3】:

在这种情况下,您的Control 是HtmlGenericControl 类型,它不包含CssClass 的属性。

您需要将控件转换为 HtmlGenericControl 类型。例如

System.Web.UI.HtmlControls.HtmlGenericControl li = (System.Web.UI.HtmlControls.HtmlGenericControl) this.Page.Master.FindControl("nav_members");

这将为您提供两种将样式应用于元素的选择。您可以使用Style 属性或Attributes 属性。

Style 属性将允许您向元素添加内联样式,例如:

li.Style.Add("Color", "Black");

这将渲染元素:

style="color:red;"

您的另一个选择是使用Attributes 属性,它允许您添加class。

li.Attributes.Add("class", "nameofyourclass");

阅读更多关于HtmlGenericControl

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-11-18
    • 2011-02-12
    • 2015-10-02
    • 2019-05-08
    • 1970-01-01
    • 2013-03-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多