Link button CSS increases the font size when mousehover

I have a asp.net link button and i have applied below css on it

.linkbutton
{

    font-size:10px; 
  开发者_StackOverflow中文版  font-family: Arial,Helvetica,Sans-Serif; 
    font-style:normal;  
}

When i mouse-hover the link button, the font-size grows!. Why it happens that way?

You probably have a rule for the hover or a href (whichever is being generated) that sets a bold or an font size value that is different.

You could try adding a rule like this:

.linkbutton:hover
{
  font-weight: normal;
  font-size: 1em;
}

It would be better if you could post some sample code as the answer is going to be an issue specific to your page / css files rather than a general piece of advice.

Run the app in your browser and start developertools (in Chrome press shift-ctrl-i, or download 'Firebug' for Firefox).

Then select the button and you can see which classes are inherited by that button and then you can fix the :hover problem.