c# - 悬停时菜单跳转

Question

我有一个网络应用程序(ASP.NET 2.0 C#)。在我的母版页上，我有一个菜单控件，我正在使用一个 css 样式表来设置菜单不同部分的样式。出于某种原因，当我将鼠标悬停在菜单上时，它会跳动一点。我认为当我将鼠标悬停在它上面时，边界会以某种方式变大。

这是整个菜单的样式:

.menu
{
    width:110%;
    height:25px;
    border: 1px solid gray;
    text-align:center;
}

这是我的 StaticHoverStyle 样式:

.staticMenuHover
{
    background-color:#CCCCCC;
    border-style:solid;
    border-color:#888888;  
    text-decoration: underline;
    border-width:thin;
}

我不知道为什么会这样，有人可以帮忙吗？

谢谢

Answer 1

悬停类的边框宽度设置为细，在我的测试中呈现为 2 像素边框。将其设置为 1px。

border-width:1px;

您还可以将第二个类的边界规则折叠成一行，使其与您的第一个类保持一致，如下所示:

border:1px solid #888888;