自定义jQuery UI选项卡 [英] Customizing jquery UI tabs

问题描述

我正在使用jQuery UI的选项卡小部件.我想通过使用ui-tabs-active类将活动选项卡的color更改为yellow，如此处

I am using tab widget of jQuery UI. I want to change the color of active tab to yellow by using ui-tabs-active class as mentioned here in API docs

但是尽管执行了以下操作:

But despite of doing following:

<style type="text/css">
    .ui-tabs-active
    {
      background-color:yellow;
    }
</style>

其颜色不变. 这是 jsbin.com

推荐答案

您需要更加直接地使用CSS.另外，您还需要删除其中的默认图片

You need to be a little more direct with your CSS. Also you need to remove the default image that resides there

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
      background-image: none;
      background-color:green;
    }

DEMO http://jsbin.com/iXur/25/edit

这篇关于自定义jQuery UI选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！