Невозможно настроить Kendo-Window в Angular

Я использую Kendo UI для Angular, и я пытаюсь изменить цвет заголовка на другой, но не могу.

Я пытаюсь заменить цвет по умолчанию синим и добавил приведенный ниже код в файл css моего компонента.

/deep/ .k-window-titlebar * {
           background-color:blue !important;
}

И это то, что я получаю. Невозможно настроить Kendo-Window в Angular

Я хочу полностью изменить его на синий. Я начинающий веб-разработчик и буду благодарен за любую помощь.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
0
468
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Проблема здесь в * в вашем CSS-селекторе.

С помощью селектора .k-window-titlebar * вы стилизуете элементы в у .k-window-titlebar, но в вашем случае вы хотите стилизовать .k-window-titlebarсам.

/deep/ .k-window-titlebar {
    background-color: blue;
}

Пример

Другие вопросы по теме