在react-select組件中覆蓋基本CSS

Question

我試圖覆蓋react-select中的.Select-control css組件。

我想設置一個自定義的高度（默認爲36px），所以它會更密切地關注我的其他輸入字段

我試圖添加自己的className道具作爲docs建議然而，它沒有似乎工作，並推動一切下來（這是有道理的，因爲它是組件的包裝）

是否有可能重寫組件本身？

Answer 1

我剛剛開始與react-select一起工作，並最終覆蓋了組件，以便將元素排成一行，但在傳遞自己的類時也取得了成功。

.Select-control { 
     height: 32px 
    } 

我注意到，一些CSS選擇器可以很具體，以便引用CSS文件幫助，以確保我推翻了包括樣式。如果你使用ES6語法，我想你需要在導入react-select css後導入你的css以覆蓋。

希望可以幫到