0

我正在尝试在客户端上创建一个极简主义标签。我想要做的是删除选项卡周围的所有边框。出于某种原因，边界不断出现。

这是我放置在我的网站上以显示问题的示例。
这是链接：http ://www.suttonst.com/govt-dev/

这是我的 CSS 代码：

.ui-tabs { 
    background: transparent; 
    border: none; 
} 
.ui-tabs .ui-tabs-panel { 
    background: transparent; 
    border: none; 
    font-family: "Georgia";
    font-size: 13px;
    color: #777777 
} 
.ui-tabs .ui-widget-content { 
    border: none;
}
.ui-tabs .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #006b54; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px;
    font-family: "Varela Round";
    text-transform: uppercase;
} 
.ui-tabs .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
.ui-tabs .ui-tabs-nav .ui-state-active { 
   background: transparent    url(http://static.squarespace.com/static/51c0eec0e4b0c90d8d52ac7c/t/528ffa03e4b023ca755e496d/1385167363225/uiTabsArrowLogoEmeraldGreen.png) no-repeat bottom center; 
    border: none; 
} 
.ui-tabs .ui-tabs-nav .ui-state-default a { 
    color: #006b54; 
} 
.ui-tabs .ui-tabs-nav .ui-state-active a { 
    color: #cc6a30; 
    font-weight: bold;
}

请帮忙。

4

4 回答 4

3

从 中删除边框ui-widget-content，您第三次尝试接近但没有空间：

.ui-tabs.ui-widget-content {
    border: none;
}

或者#tabs如果您想非常具体，请使用

于 2013-11-23T05:17:07.790 回答
1

看起来像一个CSS 特异性问题尝试

#tabs {
    border: none;
}

或者

.tabs.ui-corner-all{
    border: none;
}
于 2013-11-23T05:03:50.287 回答
1

尝试用这条线覆盖，

.ui-tabs .ui-tabs-nav li {
 border:none;
}

它对我有用。

于 2016-03-12T18:59:42.527 回答
0

尝试

.ui-corner-all {
    border: 0;
}
于 2013-11-23T05:03:47.380 回答