无法使用镭造型嵌套的div

Question

我目前有一个嵌套的div，其中包含一个名为react-mobile-picker的react组件。不幸的是，没有样式选项可以对其进行样式设置，请参见链接：

https://www.npmjs.com/package/react-mobile-picker

因此，我安装了镭，据说可以让您设置嵌套项目的样式。

我想用特定的字体设置选择器的样式。我已经在chrome中尝试过了，我需要定位的对象是“ picker-container”。

代码如下：

import React, { Component } from 'react';
import Radium from 'radium';
import Picker from 'react-mobile-picker';

class Movement extends Component {
  render() {
    ...
    const style = {
      picker: {
        zIndex: 0,
        paddingTop: '10px',
        position: 'relative',
        ':picker-container': {
          zoom: 10,
          fontFamily: 'serif',
        },
      },
    };
    return (
      <div style={style.picker}>
        <Picker
          optionGroups={zone}
          valueGroups={valueGroups}
          onChange={this.handleChange}
        />
      </div>
    );
  }
}

export default Radium(Movement);

我可以看到上面的样式被应用了（styles.picker），但是子样式没有被应用（picker-container）。

想法？