c# - CSS 问题在 FireFox 中不起作用

Question

我有 Repeater Control 并且我有这样的代码

<div runat="server" id="divleft" onmouseover="this.style.background='#BADFCE';"    onmouseout="this.style.background='white';">
    <asp:LinkButton ID="lnkCategory" runat="server" Text='<%# Eval("CategoryDescription")%>'
        CommandArgument='<%# Eval("CourseLibraryCategoryID") %>' 
        OnClick="lnkCategory_Click"
        CssClass="courseLink">
    </asp:LinkButton>
    <asp:Label ID="lblCount" runat="server" Text=""></asp:Label>
</div>

现在我必须在 Click LinkBut​​ton 之后执行此操作，必须应用 div 名称“divleft”的背景色，因为我在 . aspx.cs页面……

 protected void lnkCategory_Click(object sender, EventArgs e)
 {
    LinkButton temp = (sender as LinkButton);
    temp.Attributes.Add("style", "color:green  !important;");
    (temp.NamingContainer.Controls[1] as System.Web.UI.HtmlControls.HtmlContainerControl).Attributes.Add("style", "background-color:#BADFCE !important;");
 }

现在这段代码可以在 IE 和 Chrome 中完美运行，但不能在 Firefox 中运行。

Answer 1

除非您的核心 CSS 有问题，否则您不需要使用 !important。如果我是你，我会将 UI 移动到 JavaScript 层。

jQuery:

jQuery('.courseLink').click( function(event) {
    event.preventDefault();
    jQuery('#divleft').css('background-color','#BADFCE');
    jQuery(this).css('color','green');
} );

或者更好的是，像这样:

jQuery('.courseLink').click( function(event) {
    event.preventDefault();
    jQuery('#divleft').addClass('active');
    jQuery(this).addClass('clicked');
} );

与(CSS):

#divleft.active {
    background-color:#BADFCE;
}
.courseLink.clicked {
    color:green;
}