Как встроить стиль дочернего элемента DOM?

Question

Представьте себе, что я импортирую библиотеку response-select или любую другую, у которой нет прямого доступа к ее компоненту и jsx. Можно ли передать свой собственный стиль дочернему элементу DOM, например, выпадающим меню из другой библиотеки. Как и ваша банка с обычным css div div div{... here you will style only children}. Я использую Radium.

В моем случае я хочу изменить z-индекс Select Select - однократное раскрывающееся меню класса и стиля.

Answer 1

Радий обеспечивают так называемый стиль компонент, который позволяет стиля таких компонентов, импортированных из других библиотек: https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component.

Пример:

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