着色选项卡的其余部分

Question

我想在标签区域的其余部分用黄色进行着色。在此jsfiddle中，只有标签顶部和正文为黄色。

  <div id="tabs">
<ul>
  <li><a href="#tabs-1">Nunc tincidunt</a></li>
  <li><a href="#tabs-2">Proin dolor</a></li>
  <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
 <div id="tabs-1">

Answer 1

使用小提琴中的CSS：

body {
    font-size: 0.8em;
}
/*
 * Custom styles for the inactive tabs
 */
 .ui-tabs-nav li.ui-state-default a {
    background-color: blue;
    color: yellow;
}
/*
 * Custom styles for the active tab
 */
 .ui-tabs-nav li.ui-state-active a {
    background-color: yellow;
    color: black;
}
p, #tabs-1, #tabs-2, #tabs-3 {
    background-color: yellow;
}

我添加了标签<div>的ID，这就是诀窍。

fiddle

---

修改

为了更进一步，你甚至可以在标签<div>中添加一个类，然后只需添加类名，而不是将每个单独的ID添加到CSS中。