Wie Inline-Stil Kind DOM-Element Reagieren?

Question

Stellen wir uns vor, ich importiere Bibliothek react-select oder jede andere, die ich keinen direkten Zugriff auf ihre Komponente und jsx habe. Ist es möglich, einen eigenen Stil an untergeordnete DOM-Elemente wie Dropdown-Menüs aus anderen Bibliotheken zu übergeben? Wie Ihre Dose mit normalen CSS div div div{... here you will style only children}. Ich benutze Radium.

In meinem Fall möchte ich den Z-Index des Dropdown-Menüs Select Select - single is-searchable class and style ändern.

Answer 1

Radium bietet so Stile Komponente aufgerufen, die Sie solche Komponenten zu Stil, die Sie aus anderen Bibliotheken importiert Link: https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component.

Beispiel:

<Style 
    scopeSelector=".scoping-class" 
    rules={{ 
    color: 'blue', 
    span: { 
     fontFamily: 'Lucida Console, Monaco, monospace' 
    } 
    }} 
/>