Угловой материал - как изменить размер шрифта в некоторых элементах?

Я использую md-select используя Angular 4 с Material, и я не могу изменить font-size до 14, независимо от того, что я пытаюсь. Там также нет стиля, за исключением узловых модулей, которые я не хочу менять. Я могу проверить это с помощью firebug и увидеть, что это mat-select-trigger класс, который устанавливает размер шрифта 16px, но я не могу найти его нигде (за исключением некоторых файлов внутри узловых модулей)..... Как я могу изменить md-select размер шрифта до 14px или 12px?

0 ответов

Вы можете исправить это, добавив объявление css, например "custom-md-select", к вашему элементу md-select.

затем в свой основной файл глобальных стилей добавьте ".custom-md-select" и добавьте туда новый размер шрифта, который вы хотите.

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

Для меня важное добавление! тег, вместе с помещением всего этого в _common.scss решает проблему в большинстве случаев. В конце концов, я научился это делать вот так. Если это не удается, оберните его в div и задайте стиль для дочернего элемента div, сохранив важное! и сохраняя это правило в _common.scss.

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