如何在一個標籤中設置不同面板的背景顏色？

我在我的項目中選擇了jQuery ui標籤。它們由tabs1和tabs2命名。如何在一個標籤中設置不同面板的背景顏色？

我可以使用UI突舌面板{背景：淺黃色;}來設置背景，TABS1和TABS2的背景都是淺黃色;這裏是CSS代碼：

<style> 
.ui-tabs .ui-tabs-panel{background: lightyellow;} 
</style>

這裏是HTML代碼：

<div id="tabs" class="div2"> 
<ul> 
<li><a href="#tabs1" style="font-size:10px"></a></li> 
<li><a href="#tabs2" style="font-size:10px"></a></li> 
</ul> 
    <div id="tabs1" style="height:60%" > 
    sdf 
    </div> 
    <div id="tabs2" style="height:60%"> 
    Morbi 
    </div> 
</div>

但我想tab1的背景是lightyellow和tabs2的藍色。我曾嘗試過：

<div id="tabs1" style="height:60%;background:lightyellow;"> 
sdf 
</div> 
<div id="tabs2" style="height:60%;background:blue;"> 
Morbi 
</div>

但它工作失敗。

我不知道如何設置CSS，誰能幫助我？

來源

2017-09-05 stack

設置內嵌樣式像你這樣的應該工作。但不要忘記刪除因爲這會覆蓋你的內聯樣式 –

使用!important

<style> 
    .ui-tabs .ui-tabs-panel{background: lightyellow;!important} 
</style>

來源

2017-09-05 09:00:31

否決你的背景，你可以使用：

<div id="tabs1" style="height:60%;background:lightyellow !important;">

希望它幫助

來源

2017-09-05 09:00:45

如何在一個標籤中設置不同面板的背景顏色？

回答

相關問題