ASP.NET giving style to Linklabel

Question

I'm a novice at asp.net and I want to give style to a linklabel. My code as follows:

<asp:LinkButton ID="lnkUser" runat="server" CssClass="userlabel">Guest</asp:LinkButton>

.userlabel {
    display:inline-block;
    text-decoration: underline;
    background-color:coral;
}

I am suspicious about jQuery overrides Site.css code. Is it possible? What am I doing wrong?

Answer 1

You can use !important in css

<asp:LinkButton ID="lnkUser" runat="server" CssClass="userlabel">Guest</asp:LinkButton>

Will render in html as:

<a id="lnkUser" class="userlabel" href="javascript:__doPostBack('lnkUser','')">Guest</a>

So you can add style for that like bellow to give importance

a.userlabel {
    display:inline-block !important;
    text-decoration: underline !important;
    background-color:coral !important;
}