Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › jQuery UI tab styling – can’t override default styling for a specific ID › Re: jQuery UI tab styling – can’t override default styling for a specific ID

January 10, 2011 at 10:35 am #66716
gno
Member

Change this

.ui-widget-content { border: none; background: none; }

.ui-widget-header { border: none; background: none; }

Into this:

.ui-tab .ui-widget-content { border: none; background: none; }

.ui-tab .ui-widget-header { border: none; background: none; }

Then the styling is only done to elements with the class .ui-widget-header and .ui-widget-content within elements with the class .ui-tab :-)