Блог

Я использую react-multiselect-checkboxes в своем проекте.

Проблема заключается в изменении его стиля, классы css в режиме проверки имеют следующие значения: .css-1r4vtzz и .css-48ayfv .

Если я добавляю их в файл css и переопределяю свойство с помощью !important, похоже, это работает.

Но если я добавлю другой класс к этому элементу, например, в моем приложении React:

className="new-css-rule css-1r4vtzz" — он не учитывает новый класс, даже если стиль имеет значение !важно. Он даже не показывает имя класса в режиме проверки.

Есть ли способ добавить этот новый класс css и использовать его стиль?

Согласно документации

Как и props, стили, поддерживаемые react-select, передаются непосредственно в базовый компонент Select . Некоторые значения по умолчанию были изменены для мультиселекта, но вы можете переопределить их, как обычно

Существует несколько способов переопределения стиля. Их можно найти здесь.