Здесь эта строка из jquery css:
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
Я хотел бы изменить фон на none, но только в div smalltabs. Однако это не работает (я просто попытался скопировать строку):
#smalltabs {
border: none;
padding: 0;
.ui-widget-header {
border: 1px solid #e78f08;
background: none;
color: #ffffff;
font-weight: bold;
}
}
Попробуйте это, используя важные и корректирующие селектор
#smalltabs {
border: none;
padding: 0;
}
#smalltabs .ui-widget-header {
border: 1px solid #e78f08;
background: none !important;
color: #ffffff;
font - weight: bold;
}
!important
правило для переопределения встроенных стилей. В большинстве случаев вы можете решить эту проблему, указав правильный путь без! Важно.
Это должно сделать трюк.
#smalltabs {
border: none;
padding: 0;
.ui-widget-header { border: 1px solid #e78f08; background: transparant; color: #ffffff; font-weight: bold; }
}
Это также может быть так, что он отменяется. Если да, попробуйте это
#smalltabs {
border: none;
padding: 0;
.ui-widget-header { border: 1px solid #e78f08 !important; background: transparant !important; color: #ffffff !important; font-weight: bold !important; }
}
EDIT: Мой плохой я думал о фоновом цвете. Попробуй это:
#smalltabs {
border: none;
padding: 0;
.ui-widget-header { border: 1px solid #e78f08 !important; background: none !important; color: #ffffff !important; font-weight: bold !important; }
}
#smalltabs {
border: none;
padding: 0;
background: none;
}