Проблема с 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 на этом LinkButton цвет фона имени 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 нет проблем. На вашем месте я бы переместил пользовательский интерфейс на слой 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;
}