在Material ui中，有没有什么方法可以通过“ withStyles”来定位同级？

Question

我正在使用材料ui的Select组件。我想使用顶部箭头来自定义下拉菜单。我已经使用伪元素menuStyle覆盖了before。但是，即使在单击下拉菜单之前，箭头也会出现在屏幕上。这是因为在select元素中也使用了该类。我想通过检查兄弟姐妹来定位下拉菜单。

         <Select
              value={this.state.date}
              onChange={this.handleChange}
              displayEmpty
              name='date'
              autoWidth={false}
              className={classes.selectWithArrow}
              classes={{
                icon: classes.icon,
                selectMenu: classes.menuStyle,
                select: classes.select,
              }}
              renderValue={value => this.state.date}
              root={classes.root}
              input={
                <Input
                  name='date'
                  id="label-placeholder"
                  classes={{
                    root: classes.root,
                  }}
                />
              }
              MenuProps={{ classes: { paper: classes.menuStyle } }}
            >
              <MenuItem value={1}>One</MenuItem>
              <MenuItem value={2}>Two</MenuItem>
              <MenuItem value={3}>Three</MenuItem>
         </Select>

我想像这样的兄弟姐妹-

  const styles = theme => ({

   '.menuStyle.selectMenu': {

    '&::before': {

      },
    }
  });

有什么办法吗？任何线索都将受到高度赞赏。