javascript - 为标签的其余部分着色

我想在选项卡区域的其余部分上色为黄色。在此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">

最佳答案

从小提琴中使用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>中添加一个类，然后将类名添加到CSS中，而不是将每个ID都添加到CSS中。

关于javascript - 为标签的其余部分着色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19668867/