Как изменить только цвет фона заголовка тега Div в Jquery - PullRequest
Новая
       22

Как изменить только цвет фона заголовка тега Div в Jquery

1 голос
/ 07 октября 2011

У меня есть тег div в моем модальном диалоге, построенном с использованием JQuery, например: div id = "dialogxxxx" title = "xxxxx".Я хочу просто изменить шрифт и цвет фона только заголовка, то есть только место, где отображается заголовок.Прямо сейчас у него есть цвет и шрифт по умолчанию.Я хочу изменить его на определенный цвет, но не хочу менять цвет фона и шрифт всего элемента, просто место, где отображается заголовок.Есть ли способ сделать это?Я попытался добавить тег стиля в div, но это меняет цвет фона всего div, а не только заголовок.Я также попытался сделать div # title, это тоже не помогло.

Любой указатель / помощь очень ценятся.

Спасибо,

Аша

1 Ответ

1 голос
/ 08 октября 2011

Если вы хотите быстрый и грязный способ, вы можете просто переопределить правило .ui-widget-header css, например, 

.ui-widget-header {
  background: red;
}

См. Это в действии: http://jsfiddle.net/william/NgVAu/.

ЕслиЕсли вам нужен более понятный подход, вы должны использовать ThemeRoller , настраивая раздел «Заголовок / Панель инструментов».Если вы откроете свой CSS-файл, вы можете найти URL-адрес ThemeRoller с темой, которую он использует.Он находится во второй партии комментариев после «Просмотр и изменение этой темы», например 

/*
 * jQuery UI CSS Framework @VERSION
 *
 * ...
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?...
 */
...