向 LinkBut​​ton 添加样式而不覆盖 css

Question

因此，如果我在 .cs 代码中向 LinkBut​​ton 添加背景颜色等样式，它会覆盖我所拥有的适用于它的任何 css。

有什么方法可以添加样式而不是在后面的代码中替换它？谢谢！ 我使用链接按钮作为菜单，因此活动的 linkBut​​ton 应该具有不同的背景颜色。 所以我的解决方案是，当用户单击事件处理程序中的链接按钮时，我会执行以下操作：

   lnkView.BackColor = System.Drawing.Color.FromName("#369");

但是我在 css 中的悬停样式将不再起作用：

.navlist a:hover
{
    color: #fff;
    background-color: #369;
    text-decoration: none;
}

在我的 aspx 中：

<ul class="navlist">
        <li><asp:LinkButton ID="lnkView" runat="server">view</asp:LinkButton></li>
        <li><asp:LinkButton ID="lnkCreateNew" runat="server">create new</asp:LinkButton></li>
    </ul>

Answer 1

编辑：你的问题不清楚，但你似乎误解了CSS。将 background-color 添加到 style 属性不会导致它完全忽略任何 CSS 规则。相反，它将覆盖 background-color 属性的任何 CSS 规则，但不会影响任何其他规则。

如果您不想覆盖 CSS 规则中的 background-color 属性，请将 !important 标志添加到 :hover，像这样：

background-color: #369 !important;

另外，更改颜色，以使变化显而易见。

或者，您可以使用背景颜色为 .navlist a:link .Active 添加新的 CSS 规则，然后在代码中添加 Active 类。 (lnkView.CssClass += "Active")

顺便说一句，您应该编写 Color.FromArgb(0x33, 0x66, 0x99)，而不是调用 Color.FromName ）。

Answer 2

任何内联样式将始终覆盖从文档头部或外部 css 文件继承的任何样式。唯一的其他选择是添加一个 JavaScript 函数，该函数在 DOM 就绪或窗口就绪事件后覆盖对象的样式。

Answer 3

不确定您在这里的用途，因为您的问题不太清楚。然而，这也可能是一种选择。

有两种 css 样式：

.navlistafteranaction a:link
    {
        color: #fff;
        background-color: #123;
        text-decoration: none;
    }

.navlist a:link
    {
        color: #fff;
        background-color: #123;
        text-decoration: none;
    }

然后在后面的代码中只需切换 CSSClass：

lnkbtn.CssClass = "navlistafteranaction";

这会将类更改为事后您想要的任何样式。

Answer 4

如果我正确理解您想要什么，您希望根据链接按钮是否悬停在其上应用不同的样式？因此，既有您所拥有的样式，也有：

.navlist a:link
    {
        color: #fff;
        background-color: #123;
        text-decoration: none;
    }

如果您想要第三种颜色，在访问链接后，用 a:visited 定义它。 这就是您想要的吗？