Как оформить css ionic2-календарь?

Question

Я работаю над приложением с Ioni c 5.0.0, Angular 8 и использую плагин ionic2-calendar . Хотя демонстрационная версия плагина работает нормально, я не могу изменить стили календаря.

В документации перечислено несколько классов, которые, кажется, используются для каждого элемента, но добавление их в мой собственный файл css и добавление! Важное (или нет) не работает. Я попытался добавить их к глобальному s css, а также к основному приложению.

Кроме того, я попытался с помощью инспектора браузера проверить, какой селектор css на самом деле стилизует рассматриваемые элементы, но селектор атрибута кажется каким-то случайным. Например, текущий день:

.monthview-current[_ngcontent-ljn-c3]

И после перезагрузки это

.monthview-current[_ngcontent-igq-c4]

Так что очевидно, что метод тоже не будет работать ... Я также попытался добавить td. monthview-current, который также не работал ... Это были предложения и примеры кодов, которые я нашел, посмотрев этот плагин в Интернете и просмотрев файлы плагинов. Если у кого-то есть какие-либо идеи, я буду очень благодарен.

РЕДАКТИРОВАТЬ: Я нашел способ изменить его, но ТОЛЬКО через исходные файлы для плагина, которые у меня есть предположить, что это неправильный способ сделать ... Есть JSON файлы, JS файлы, и я должен вручную изменить их все.

Answer 1

Хотя я не уверен в причине этого, в моем случае решение, похоже, использует глобальную таблицу стилей (без какого-либо селектора атрибута в скобках) вместо указанного c модуля. Это не идеально, но, думаю, работает!

Answer 2

Лучший способ - использовать настройку шаблона, указанную в плагине. https://github.com/twinssbc/Ionic2-Calendar/blob/v6/README.md#Template Настройка

Если это сложно в вашем случае. Затем добавьте класс в тег календаря в html. И получить все дочерние элементы в css, используя дочерний или потомковый комбинатор. Css Комбинатор