Css 是否有任何方法可以在Material ui中针对具有“withStyles”的兄弟姐妹？

我正在使用material ui的Select组件。我想用上箭头自定义下拉菜单。我在之前使用伪元素重写了

menuStyle

。但是，即使在单击下拉列表之前，箭头也会出现在屏幕上。这是因为该类也用于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': {

      },
    }
  });