Adding CSS class to tab not working.

I added the following inline css to my page:

.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required {    background: tomato;
.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required a {
    color: black;
    font-weight: bold;
.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required .ui-state-hover {
    background: #FF927E;
.ui-tabs .ui-tabs-nav li .ui-state-default .ui-corner-top .sig-required .ui-tabs-active .ui-state-active a {
    color: tomato;
    font-weight: bold;

In the console, I’m using this jquery to add the ‘sig-required’ class to my tab:


Where ‘std-panel’ is the unique id of my tab.

The class is being added, but the styling doesn’t change:

What am I doing wrong here?


Same issue as this post. I think.

Yes. Thanks again!