【问题标题】:JQuery UI Tabs Background ColorJQuery UI 选项卡背景颜色
【发布时间】:2013-02-25 03:44:04
【问题描述】:

我正在尝试更改选项卡区域的背景。例如,您有一个选项卡列表,我知道如何更改每个选项卡的颜色,但我想知道您是否可以更改这一切的背景。通常它是深灰色,标签是浅灰色。我想将这些颜色更改为浅蓝色或浅绿色,我尝试更改我能找到的与 UI 选项卡相关的所有内容的 CSS,但都没有效果。

【问题讨论】:

  • 你试过主题滚轮了吗? jqueryui.com/themeroller 也可以截图显示您正在尝试更改的具体部分会有所帮助。

标签: jquery jquery-ui background-color jquery-ui-tabs


【解决方案1】:

你想改变.ui-tabs .ui-tabs-nav

CSS:

.ui-tabs .ui-tabs-nav
{
background: lightblue;
}

.ui-tabs .ui-tabs-panel /* just in case you want to change the panel */
{
background: blue;
}

【讨论】:

  • jQuery UI 不仅仅使用一种颜色作为背景,我相信这将消除产生斜面效果的半透明图像覆盖。更好的解决方案是使用 themeroller 并选择不同的主题或创建自己的主题。
【解决方案2】:

您也可以通过设置 div 的背景来做到这一点。下面是例子-->

<div id="tabs" style="background: none repeat scroll 0% 0% rgb(204, 204, 204);">
 <ul>
      <li><a href="#tabs-1">Product-Tweets</a></li>
      <li><a href="#tabs-2">Popular Product</a></li>
 </ul>
 <div id="tabs-1"> tab 1 content </div>
 <div id="tab-2"> tab 2 content </div>
</div>

【讨论】:

  • 最好使用 css 类,因为当您尝试维护系统时,硬编码样式无法很好地扩展。演示一下没问题。
  • 另一种解决方案在我的情况下不起作用,这个解决了。
猜你喜欢
  • 1970-01-01
  • 2015-01-29
  • 1970-01-01
  • 2014-01-28
  • 2011-04-18
  • 2014-01-28
  • 2012-08-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多