esto es de la documentación de reacción-selección

en este caso, cambiaré la base de color del campo de selección cuando

 isDisabled={true}

a otro color.

 > import React from "react"; > import Select from "react-select"; > > const colourOptions = [ > { value: "red", label: "Red" }, > { value: "green", label: "Green" }, > { value: "blue", label: "Blue" } > ]; > > const colourStyles = { > option: (styles, { data, isDisabled, isFocused, isSelected }) => { > // const color = chroma(data.color); > console.log({ data, isDisabled, isFocused, isSelected }); > return { > ...styles, > backgroundColor: isFocused ? "#999999" : null, > color: "#333333" > }; > } > }; > > export default () => ( > <Select > defaultValue={colourOptions[1]} > label="Single select" > options={colourOptions} > styles={colourStyles} > isDisabled={true} > /> > );

mi expectativa, el color base del campo de selección se puede cambiar a otro color.