LAbel控制顶部边框未调整

Question

我在tabel单元格中有一个标签控件，并且在悬停时有css我设置了顶部边框或红色。​​例如，顶部边框的边缘显示边框之间的距离，就像我附带问题的图像一样

如果你看到红色边框不像一个方形角落，并且在它上面还显示一个空白的顶部空间。我有很多尝试删除它但我失败了。请任何人帮助我使边界角等于黑色空间也应该像第二个图像。简而言之，我想制作像这个图像的边框

我的css代码如下：

#sddmCA div
{   position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #444444;
    border: 1px solid #959595;
    border-top-color:#464646;
    margin-top:1cm; 

和标签控制代码在这里

<ul id="sddmCA">
<asp:Label ID="CA"   runat="server" Font-Names="Arial" Font-Size="10pt" ForeColor="#CCCCCC" Style="margin-top:auto;" Height="100%" Text="Current Activities"         onmouseover="var b = ChangeColorCA();  hideshow(this);   this.style.cursor='pointer'; boldCA();    return b"                                     onmouseout="var b = mclosetime();   return b;" onclick="var a = mopen('m11'); this.style.background='#464646'; this.style.color='#FFFFFF'; this.style.borderBottomColor ='#464646'; this.style.borderRightColor ='#464646'; this.style.borderLeftColor ='#464646';  return a"  ></asp:Label>&nbsp;&nbsp;

Answer 1

您可以在非悬停状态下设置黑色边框，其宽度与悬停状态相同，或使用框阴影（取决于您选择支持的浏览器）

#sddmCA div /*removed non-question related code*/
{   
    border: 1px solid #959595;
    border-top-color:#000000;
}

#sddmCA div:hover
{   
    border: 1px solid #959595;
    border-top-color:#464646;
}

这将使它保持在相同的位置，因为边界在悬停时不会改变其大小。