如何在一个标签中设置不同面板的背景颜色？

我在我的项目中选择了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

如何在一个标签中设置不同面板的背景颜色？

回答

相关问题