從jQuery選項卡中刪除邊框

我正試圖在客戶端上創建一個極簡選項卡。我想要做的是刪除標籤周圍的所有邊框。出於某種原因，邊界不斷出現。從jQuery選項卡中刪除邊框

下面是我放在我的網站上顯示問題的示例。
這裏是鏈接：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; 
}

請幫助。

來源

2013-11-23 user3024096

你想刪除內容邊界？ –

嘗試

.ui-corner-all { 
    border: 0; 
}

來源

2013-11-23 05:03:47

貌似CSS specificity問題嘗試

#tabs { 
    border: none; 
}

或

.tabs.ui-corner-all{ 
    border: none; 
}

來源

2013-11-23 05:03:50

從ui-widget-content刪除邊框，你關閉你的第三次嘗試，但沒有空間：

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

或使用#tabs如果你要非常具體

來源

2013-11-23 05:17:07 jammykam

嘗試用這條線覆蓋，

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

它爲我工作。

來源

2016-03-12 18:59:42

從jQuery選項卡中刪除邊框

回答

相關問題