Я пытаюсь переопределить стили react-select
, чтобы получить округленные многозначные теги.
Поэтому я пошел дальше и отредактировал атрибут стиля multiValue
следующим образом:
const customStyles = {
multiValue: (styles) => ({
...styles,
backgroundColor: blue,
borderRadius: "50%",
}),
}
Цвет фона работает отлично, и тег становится синим. Однако радиус границы всегда застрял на 2px...
<Select
options = {options}
styles = {customStyles}
isMulti
/>
Как переопределить радиус границы 2px по умолчанию, установленный react-select
Попробуйте использовать !important
Оказалось, что я переопределял цвет фона multiValueLabel
, который каким-то образом скрывал переопределенный радиус границы в multiValue
. Удаление атрибута backgroundColor
из multiValueLabel
решило проблему.
попробовал именно то, что вы сделали, и это сработало просто отлично ..