Я дал 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;
}