Adding CSS class to tab not working.

  • 1
  • Problem
  • Updated 3 years ago
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:
$("[data-tab=std-panel]").addClass('sig-required')
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?

Thanks!
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Ben Hubbard

Ben Hubbard, Employee

  • 12,490 Points 10k badge 2x thumb
Same issue as this post. I think.
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
Yes. Thanks again!