Как удалить красный фон на MultiValueRemove, когда фокус - PullRequest
Новая
       1

Как удалить красный фон на MultiValueRemove, когда фокус

0 голосов
/ 09 мая 2019

Я хочу стилизовать контейнер MultiValueRemove, когда он сфокусирован (тот, у которого х внутри, чтобы удалить выбранное значение). backgroundColor меняется на красный, которого я не хочу иметь.

Я могу стилизовать фон, когда он не сфокусирован и не выделен, но красный фон «onHover» остается неизменным. Стилизация фона с состоянием isSelected, isFocused не влияет на красный фон при наведении на него курсора. 

multiValueRemove: (provided, state) => ({
  ...provided,
  color: '#ffffff',
  backgroundColor: '#6FC5C4',
  borderRadius: 0,
}),

1 Ответ

0 голосов
/ 09 мая 2019

Для этого есть хитрость, isSelected и isFocused в этом случае не работают, но вы можете использовать обычное css состояние при наведении, например: 

 multiValueRemove: (base, state) => ({
    ...base,
    color: "#fff",
    backgroundColor: "#6FC5C4",
    borderRadius: 0,
    "&:hover": {
      backgroundColor: "#6FC5C4",
      color: "#fff"
    }
  })
...