删除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
}