如何更改 react-select Select 元素的邊框？

Question

當我的應用程序上的暗模式處於活動狀態時，我需要更改邊框的顏色，但我無法更改邊框顏色，因為它不會隨內聯樣式而改變。 這是我的代碼。

<Select 
    onChange={(e) => filtrarRegiao(e.value)} 
    placeholder="Filter by region"
    className={darkModeOn ? 'dark-lista' : 'lista'}
    style={{  }}
    styles={customStyles}
    components={{ ValueContainer, Placeholder, IndicatorsContainer, Group }}
    options={regions} 
/>

Answer 1

請查看此代碼框鏈接。

https://codesandbox.io/s/heuristic-shockley-02c9z?file=/src/App.js

閱讀官方文檔后，需要通過 object 與

{control:()=>{ return { border: "1px solid black" } }}

到 styles 使用自定義 styles。