Question

我正在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>

请建议如何解决？

Answer 1

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

.active1
{
    font-weight: bold;
    text-decoration:underline;
}

然后你可以通过后面的代码设置CssClass：

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

还有一件事：我注意到你已经设置了＆＃34; Active1＆＃34;您<li>上的课程：

<li class="active1">

这似乎可能是一个错字，或者至少会让你感到困惑。我会删除它。

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

1 个答案: