将自定义样式应用于代码隐藏中的 div 内的锚标记

Question

在这里，我想从代码隐藏将自定义样式应用于div 内部的锚点标签。这是我的代码。这里应用了几种样式。字体系列正在应用，但字体颜色和字体大小未应用

<div id="sidenav" style="height:600px" runat="server">
            <ul id="abcd" runat="server" style="margin-top:30px;">
                <li>><a href="ViewEvents.aspx">Events</a></li>
                <li>><a href="PhotoGalleries.aspx">Photo Galleries</a></li>
                <li>><a href="InProgress.aspx">Location</a></li>
                <li>><a href="InProgress.aspx">Officials</a></li>
                <li>><a href="InProgress.aspx">Honours Board</a></li>
                <li>><a href="InProgress.aspx">History</a></li>
                <li>><a href="InProgress.aspx">Links</a></li>
                <li>><a href="InProgress.aspx">Site map</a></li>
                <li>><a href="InProgress.aspx">Help</a></li>                    
            </ul>
             <span id="myspan" runat="server">&nbsp;</span>
        </div>
 foreach (Control c in sidenav.Controls)
            {
                string abc = abcd.InnerText;
                abcd.InnerHtml = "<font ForeColor='" + objpage.NavigatioinTextcolor + "'>" + abc;
                //abc.Style.Add("color", objpage.NavigatioinTextcolor);
            }
                abcd.Style.Add("background-color", objpage.NavigationBackcolor);
                ////abcd.Style.Add("ForeColor", objpage.NavigatioinTextcolor);
                ////sidenav.Style.Add("color", objpage.NavigatioinTextcolor);
                ////sidenav.Style.Add("ForeColor", objpage.NavigatioinTextcolor);
                abcd.Style.Add("font-family", objpage.NavigatioinTextStyle);
                abcd.Style.Add("font-size", objpage.NavigatioinTextsize);
                abcd.Style.Add("font-size", string.Format(objpage.NavigatioinTextsize + "px"));
                abcd.Style.Add("style", "font-size:" + string.Format(objpage.NavigatioinTextsize + "px"));

Answer 1

使用 CSS 作为锚标记

a
{
font family:cursive;
color :red;
}

Answer 2

您可以将整个div 创建到代码隐藏中，通过这样做，您可以简单地添加从数据库中获取的样式。此外，您可以在XML中定义链接，并在代码隐藏中以编程方式构建"DIV"innerHTML。

HtmlGenericControl div = new HtmlGenericControl();
div.InnerHtml += "<ul id='abcd' runat='server' style='margin-top:30px;'>";
div.InnerHtml += "<li><a herf='somepage.aspx' style='color:black;'>Events</a></li>";

Answer 3

在 css 中找到侧导航添加这个

sidenav
{ 
   font-color: red;
   font-size:14px;
   font-family:Arial;
}

注意：字体颜色，大小及其系列取决于您。