Материал-UI слайдер, как я могу использовать активированный (CSS API), чтобы скрыть тени

zchouchou787 спросил: 07 октября 2018 в 01:11 в: css

я хочу узнать, как я могу использовать активированный, чтобы изменить стиль большого пальца и скрыть тени большого пальца

вот описание атрибута официального веб-сайта. элементы thumb для запуска вложенных стилей JSS, если они активированы.

вот мой код

    const style={
         thumb:{
    bottom:15,
    '&$focused, &:hover':{
    boxShadow: `0px 0px 0px 0px`,
    }, 
  },activated:{
    boxShadow: `0px 0px 0px 0px` 
  },      
}

...

<Slider
      value={value}
      aria-labelledby="slider-image"  
      onChange={this.handleChange}
      max='10'
      step='1'
      classes={{
        container: classes.slider,
        track:classes.track,
        thumb:classes.thumb,
        focused:classes.focused,
        trackBefore:classes.trackBefore,
        trackAfter:classes.trackAfter,
        activated:classes.activated
      }}
      thumb={
        <Thumb num={value}/>
      }
  ...

0 ответов