CSS-Basis in der Komponente "react-select" überschreiben

Question

Ich versuche, die .Select-control css-Komponente in react-select zu überschreiben.

Ich möchte eine benutzerdefinierte Höhe einstellen (die Standardeinstellung ist 36px) so wird es genauer ansehen zu meinen anderen Eingabefelder

ich versucht habe, meine eigene className prop hinzufügen, wie in der docs vorgeschlagen aber es nicht der Fall ist scheinen zu funktionieren und schiebt alles runter (was sinnvoll ist, da es der Wrapper für die Komponente ist)

Ist es möglich, die Komponente selbst zu überschreiben?

Answer 1

Ich habe gerade angefangen, mit react-select zu arbeiten und habe die Komponenten überschrieben, um die Elemente in eine Reihe zu bringen, hatte aber auch Erfolg mit der Weitergabe meiner eigenen Klassen.

.Select-control { 
     height: 32px 
    } 

Ich bemerkte, dass einige der CSS-Selektoren, die CSS-Datei half ziemlich spezifisch sein kann, so Referenzierung um sicherzustellen, dass ich overrode die enthaltenen Stile. Wenn Sie ES6-Syntax verwenden, denke ich, dass Sie Ihre CSS importieren müssen, nachdem Sie die react-select css importiert haben, um sie zu überschreiben.

Hoffe, dass hilft