asp.net - 消除 CSS 选项卡中的边缘闪烁

Question

1：http://i.stenter代码 我想删除用户组选项卡的左侧清晰大小的边框。我想删除用户组选项卡左侧的白色小间隙这是应用于选定选项卡的 css。

ul.tabs li.selected a {-moz-border-bottom-colors: none;-moz-border-left-colors: none;   -moz-border-right-colors: none;    -moz-border-top-colors: none;   background: none repeat scroll 0 0 white;    border-color: #B7B7B7 #B7B7B7 White;    border-image: none;
    border-style: solid;    border-width: 1px;    font-weight: bold;
    position: relative;    top: 0;}
ul.tabs li a {-moz-border-bottom-colors: none;    -moz-border-left-colors: none;
    -moz-border-right-colors: none;    -moz-border-top-colors: none;    background: none repeat scroll 0 0 #D8DAE2;    border-color: #CCCCCC #CCCCCC #B7B7B7;    border-image: none;
    border-style: solid;    border-width: 1px;    color: Black;    font: 11px verdana,helvetica,sans-serif;enter code here    outline: medium none;    padding: 5px 16px;
    position: relative;    text-decoration: none;    z-index: 1;} 

Answer 1

如果您使用的是 jquery ui，则右边距在 li 元素上，而不是在 a 上。

所以你的代码应该是这样的：

ul.tabs li { margin-right:0 }

如果仍然无法正常工作，请添加

 ul.tabs li  { margin-right:0 !Important; }

Answer 2

更改您的CSS：-

ul.tabs li.selected a {
    top:1px; //change
}