JQuery UI Tabs Background Color

jquery jquery-ui background-color jquery-ui-tabs
demitchell14 picture demitchell14 · Mar 9, 2013 · Viewed 23.8k times · Source

I'm trying to change the background of the tab area.. like, You have a list of tabs, and I know how to change the color of each individual tab, but I was wondering if you could change the color of the background of all of that. Normally it's the dark gray color, and the tabs are the light gray. I was wanted to change those colors to maybe either a light blue, or light green, and I've tried changing the CSS of everything I could find relating to the UI Tabs, and none of them worked.

Answer

Dom picture Dom · Mar 9, 2013

You want to change .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;
}

Related questions

jQuery UI DatePicker - Change Date Format

I am using the UI DatePicker from jQuery UI as the stand alone picker. I have this code: <div id="datepicker"></div> And the following JS: $('#datepicker').datepicker(); When I try to return the value …

Read More
Find out whether radio button is checked with JQuery?

I can set a radio button to checked fine, but what I want to do is setup a sort of 'listener' that activates when a certain radio button is checked. Take, for example the following code: $("#element").click(function() { $('#…

Read More
check / uncheck checkbox using jquery?

I have some input text fields in my page and am displaying their values using JavaScript. I am using .set("value","") function to edit the value, add an extra checkbox field, and to pass a value. Here I want to …

Read More