Стиль реагирует на установленные компоненты реагирует - PullRequest
0 голосов
/ 10 января 2020

Я скачал реакцию multiselect component от пользователя, который разработал его сам. Я установил его с npm install .... и вызываю только этот компонент в моем коде реакции с <MultiSelect .../>. Это выпадающий флажок «меню», и я хочу, например, изменить цвет шрифта на другой цвет. Но чувак, я получил этот компонент в стиле цвета inline (видел это при ожидании кода в браузере) и даже если я установил контейнер div вокруг вызова его компонента и установил color: red в моем css это не работает.

Другая проблема состоит в том, что я хочу стилизовать поле ввода раскрывающегося списка другим цветом, чем флажки, которые выпадают. И оба span с className. Есть ли способ установить разные цвета для разных имен классов для установленных компонентов? Я не нашел способ сделать это прямо сейчас ...

для лучшего понимания. Я кратко объясню расположение выпадающего меню: сначала вы увидите поле, в котором вы можете нажать, а затем флажки будут раскрыты , Если вы нажмете на флажок, имя флажка появится в верхнем поле. Если щелкнуть раскрывающийся список «Закрыть», раскрывающийся список закроется, и вы увидите только флажки с выбранными именами в поле (оба являются контейнером span). И я хочу оформить поле и выпадающие флажки в другом цвете.

Надеюсь, вы понимаете мою проблему и можете помочь.

Приветствия

1 Ответ

0 голосов
/ 10 января 2020

Попробуйте стилизовать MultiSelect по имени компонента или по заданному имени класса с помощью "! Important" следующим образом:

MultiSelect {
   color: red !important;
 }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...