Угловая версия 5, Bootstrap

Как я могу отредактировать исходную таблицу стилей средства выбора даты начальной загрузки в соответствии с моим желанием вот ссылка https://ng-bootstrap.github.io/#/components/datepicker/examples#basic мне нужно отредактировать цвет этого выбора даты в моем файле.

Вы пытались создать для него свой собственный идентификатор и изменить цвет идентификатора, чтобы увидеть, изменит ли это цвет средства выбора даты?

Shodmoth 31.05.2018 08:56
Приемы 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 сценарий полностью изменился.
0
1
130
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Если вы используете угловой кли, в корневой папке (src) есть глобальный style.css / style.scss. Здесь вы можете добавить свои собственные стили для datepicker, проверяя элемент, чтобы найти классы для переопределения стилей.

Добавьте это в файл style.css / scss

.ngb-dp-day .btn-light {
    background: green !important;
}

.ngb-dp-day .bg-primary {
    background: red !important;
}

Просто нажмите F12 (Проверить элемент) и посмотрите их стили:

Добавьте в свой css: (используйте !important для предотвращения оввата)

ngb-datepicker{
background-color: red!important; 
}

Смотрите результат:

скажи мне больше помощи

לבני מלכה 31.05.2018 09:16

Большое спасибо

s.patric 04.07.2018 12:31

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