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

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

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

— 31.05.2018 08:56

css angular5 ng-bootstrap

31.05.2018 08:46

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

130

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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;
}

31.05.2018 08:52

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

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

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

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

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

— 31.05.2018 09:16

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

— 04.07.2018 12:31

31.05.2018 08:58

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

Как сделать запрос POST в angular 5

Ionic 3 Horizontal Scroll X не работает

Кнопка отправки больше не отключена в angular5

Как мне получить значение параметров выбора / индекса из зацикленного массива для моего компонента, чтобы я мог использовать его в моем component.ts

Получить роль пользователя из базы данных на основе идентификатора пользователя в angular

Отправить собственный заголовок с помощью Angular 5

Angular ngcontent портит стиль начальной загрузки

Как защитить путь маршрута в Angular?

Как добавить `checkbox` в цикл` ngFor`

Обмен данными между одним компонентом другому компоненту в angular 4

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

Ответы 2

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

Похожие вопросы