使活动超链接加粗并下划线asp.net

本文关键字：下划线 asp net 活动 超链接 | 更新日期: 2023-09-27 17:52:36

我正在做一个asp.net页面。我有两个超链接，我想使它们活动(应用样式表，使粗体和下划线)，但不知何故它没有这样做。

这里是html:

   <li style="margin-left: 10px">
      <asp:Literal ID="ltrlRegiosn" runat="server" Text="<%$ Resources: HRGELoggedOutMaster, Language %>"></asp:Literal>:
    </li>
    <li class="active1"> <asp:HyperLink ID="Lang1HyperLink" runat="server" /></li>
    <li><asp:HyperLink ID="Lang2HyperLink" runat="server" /></li>

和样式表是:

  <style>
        .active1{
            font-weight: bold;
        }
    </style>

，下面是我如何尝试使用后面的代码:

  if (Page.CurrentLanguage == 1)
            {
                Lang2HyperLink.CssClass = "active1";
                Lang2HyperLink.Font.Bold = true;
                Lang2HyperLink.Font.Underline = true;              
            }
            else
            {
                Lang1HyperLink.CssClass = "active1";
                Lang1HyperLink.Font.Bold = true;
                Lang1HyperLink.Font.Underline = true;               
            }

使用这段代码，它变成下划线，但不是粗体。

输出html:

<li class="active1"> <a id="ctl00_ctl00_languageSwitcher_Lang1HyperLink" href="/AllVacancies.aspx?lang=2">Рус</a></li>
<li class="active1"><a id="ctl00_ctl00_languageSwitcher_Lang2HyperLink" class="active1" href="/AllVacancies.aspx?lang=1" style="font-weight:bold;text-decoration:underline;">Eng</a></li>

请建议如何修复

使活动超链接加粗并下划线asp.net

不需要使用后面的代码设置样式属性。当你已经设置了CssClass。修改你的CSS:

.active1
{
    font-weight: bold;
    text-decoration:underline;
}
然后你可以通过后面的代码设置CssClass: 
if (Page.CurrentLanguage == 1)
{
    Lang2HyperLink.CssClass = "active1";             
}
else
{
    Lang1HyperLink.CssClass = "active1";          
}

还有一件事:我注意到你在<li>上也设置了"Active1"类:

<li class="active1">

这看起来可能是一个错别字，或者至少会让你感到困惑。我会把它去掉

相关文章：