Как изменить выбранный цвет реакции на выбор? - PullRequest
Новая
       30

Как изменить выбранный цвет реакции на выбор?

0 голосов
/ 16 апреля 2019

С помощью response-select (React.js) я замечаю, что при нажатии на поле выбора оно показывает синий цвет.

Я говорю синий цвет, потому что кажется, что он пропускает некоторые изжелтую рамку я тоже ему дал, поэтому он может выглядеть зеленым.

enter image description here

Как изменить этот цвет?

Я предполагаю, что мне нужен правильный селектор CSS, и что мне нужна клавиша стиля 'control'.Это правильно?

Мне уже удалось стилизовать общий цвет границы и цвет границы при наведении: 

const SelectStyle = {
  control: styles => ({
    ...styles,
    border: `1px solid ${Colors.sec6}`,
    "&:hover": {
      borderColor: "red"
    }
  }),
  ...
};

И я подумал, что могу использовать :focus,или, может быть, :active, чтобы изменить цвет, когда цвет, но это не похоже на работу.Я попробовал следующее, но безрезультатно: 

"&:focus": {
  borderColor: "pink"
},
"&:active": {
  borderColor: "orange"
}

Я проверил список селекторов CSS в W3schools, но я не вижу, какой из них может быть тем, который мне нужен.

1 Ответ

1 голос
/ 16 апреля 2019

Нашли ответ на странице GitHub «Реакция-выбор». 

const customStyles = {
  control: (base, state) => ({
    ...base,
    boxShadow: "none"
    // You can also use state.isFocused to conditionally style based on the focus state
  })
};

Итак, это было сделано для меня: boxShadow: "none"

source: https://github.com/JedWatson/react-select/issues/2728

...