реагировать на выбор стиля из классов - PullRequest
0 голосов
/ 07 февраля 2020

Я дал className как react-select-container и classNamePrefix как react-select. Стили, описанные в CSS, перезаписываются встроенным стилем react-select. На рисунке показано, что стили react-select__control перезаписываются стилями некоторого класса по умолчанию css-yk16xz-control выбора реагирования. я хочу, чтобы это работало наоборот, и стили react-select__control остаются на вершине, и их стили применяются. любые предложения.

render() {
  const titleOptions  = [{value: 'Dr.', label: 'Dr.'}, {value:'Eng.', label:'Eng.'}, {value:'Officer', label:'Officer'}];
  return (
    <Select options={titleOptions} autoFocus className="react-select-container" classNamePrefix="react-select" />
  )
}

Проверьте структуру Dom здесь

.react-select__control {
  border: none;
  border-radius: 3px;
}
...