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

Question

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

在我的例子中，我想更改 Select 的 z-index Select--单个可搜索 class 和样式下拉菜单。

Answer 1

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

示例：

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

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

How to inline style child DOM element React?

inline-styles

reactjs

radium