jQuery UI的 - 似乎無法找出CSS定製標籤顏色

我通過對文檔的jQuery UI的掙扎（特別標籤：jQuery UI的 - 似乎無法找出CSS定製標籤顏色

我已經消化了JS的功能......但我掙扎用CSS。例如，我找不出如何改變邊框顏色（很喜歡，甚至沒有被讀取我的自定義）...

這是到目前爲止我的代碼...

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" /> 
<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    ui.tabs-container {position: relative; background: #0000cd; } 
    ui.tabs { 
     float: left; 
     background: white; 
     height:400px; 
     line-height: 30 px; 
     padding: 0 16px; 
     width:409px; 
     scrollbar:false; 
     cursor: pointer; 
} 
    ui.tabs:hover{ background: #f4f4f4; } 
    ui.contents { 
     float: left; 
     position: absolute; 
     left: 5%; 
     height: 300px; 
     margin-top: 31 px; 
     padding: 0 px; 
     border: 1 px solid #ccc; 
     font-weight: normal; 
     display: none; 
}

來源

2013-04-14 user14696

當談到jQuery UI時，通常有很多類涉及不同級別的級聯因此我建議您使用Chrome的開發人員工具或Firefox的Firebug來確定您需要使用您的CSS進行目標設定。

例如，對於這樣的：

.ui-state-default.ui-corner-top.ui-tabs-active { 
    background: red; 
}

您可以更改活動標籤的顏色...

演示：http://jsbin.com/umixan/1/edit

來源

2013-04-14 03:04:27 DarkAjax

也許你正在尋找兩班。 ui-state-default和ui-state-active。所以，只需添加每個州所需的樣式。例如：

.ui-state-default {border:1px solid #000;} 
.ui-state-active {border:1px solid #fff;}

注意，那你的CSS（上面的代碼）必須是jQuery的jquery-ui.css之後，否則，你必須使用!important更改發生。

雖然darkajax提到，但你必須開始使用螢火蟲（或Chrome的工具）。

來源

2013-04-14 03:11:47

@ m.spryatos嗨，感謝您的反饋......我確實使用了螢火蟲和Chrome，但我還沒有想出如何讓它抓住那種類型的錯誤......你知道我不喜歡的東西嗎？ T' – user14696

開始的好地方：http://www.w3resource.com/web-development-tools/firebug-tutorials.php –

非常感謝！ – user14696

jQuery UI的 - 似乎無法找出CSS定製標籤顏色

回答

相關問題