如何内联样式子 DOM 元素 React？

【问题标题】：How to inline style child DOM element React?如何内联样式子 DOM 元素 React？
【发布时间】：2017-01-12 18:51:54
【问题描述】：

假设我导入库 react-select 或任何其他我无法直接访问其组件和 jsx 的库。是否可以将您自己的样式传递给子 DOM 元素，例如来自其他库的下拉菜单。就像您可以使用普通 css div div div{... here you will style only children} 一样。我正在使用镭。

就我而言，我想更改 Select Select--single is-searchable 类和样式下拉菜单的 z-index。

【问题讨论】：

标签： reactjs inline-styles radium

【解决方案1】：

Radium 提供了所谓的样式组件，允许您对从其他库导入的此类组件进行样式设置链接：https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component。

例子：

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

【讨论】：