Material-ui - 嵌套菜单 - 更改menuItem的menuItems []的css宽度

时间:2017-03-17 06:59:38

标签: css material-ui

<Menu desktop={true} autoWidth={false} style={{width: "120px",  overflowX: 'hidden'}}>
  <MenuItem desktop={true} rightIcon={<ArrowDropRight />} primaryText="Option1" menuItems={[
    <MenuItem desktop={true} primaryText="Option1a" onTouchTap={props.ontheclick}/>,
    <MenuItem desktop={true} primaryText="Option1b" onTouchTap={props.ontheclick}/>]}/>
  <MenuItem onTouchTap={props.ontheclick} primaryText="Option 2" />
</Menu>

我有一个像上面那样的素材菜单。我想在Menu中为menuItems={[MenuItem, MenuItem]}中的MenuItems设置样式。我尝试将style={{width: "120px", overflowX: 'hidden'}}添加到<MenuItem desktop={true} primaryText="Option1a"/>,但它不会更改嵌套菜单的实际宽度。现在,我的主菜单比我的嵌套菜单更薄。怎么做?

0 个答案:

没有答案