鼠标悬停时链接按钮 CSS 会增加字体大小答案

【问题标题】：Link button CSS increases the font size when mousehover鼠标悬停时链接按钮 CSS 会增加字体大小
【发布时间】：2011-10-22 23:30:24
【问题描述】：

我有一个 asp.net 链接按钮，我在下面的 css 上应用了它

.linkbutton
{

    font-size:10px; 
    font-family: Arial,Helvetica,Sans-Serif; 
    font-style:normal;  
}

当我将鼠标悬停在链接按钮上时，字体大小会变大！。为什么会这样？

【问题讨论】：

【解决方案1】：

在您的浏览器中运行应用程序并启动 developertools（在 Chrome 中按 shift-ctrl-i，或下载 Firefox 的“Firebug”）。

然后选择按钮，可以看到该按钮继承了哪些类，然后就可以修复:hover问题了。

【讨论】：

【解决方案2】：

您可能有一个悬停规则或 href（无论生成哪个）设置不同的粗体或字体大小值。

您可以尝试添加这样的规则：

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

如果您可以发布一些示例代码会更好，因为答案将是特定于您的页面/css 文件的问题，而不是一般的建议。

【讨论】：