Reactjs 如何覆盖样式化组件中的React-Slick类?

Reactjs 如何覆盖样式化组件中的React-Slick类?,reactjs,react-slick,Reactjs,React Slick,我有一个光滑的转盘,我试着根据自己的方便来设计。我已经将Slider组件包装在一个样式化组件中,但是我不能覆盖任何类的任何样式 以下是我写的: const StyledSlider=styled(滑块)` &.花里胡哨的名单{ 填充:0; }`; 导出默认函数App(){ 返回( {images.map((图像,i)=>{ 返回( ); })} ); }这是可行的,但您需要!重要信息覆盖滑块样式 const StyledSlider = styled(Slider)` .slick-lis

我有一个光滑的转盘,我试着根据自己的方便来设计。我已经将Slider组件包装在一个样式化组件中,但是我不能覆盖任何类的任何样式

以下是我写的:

const StyledSlider=styled(滑块)`
&.花里胡哨的名单{
填充:0;
}`;
导出默认函数App(){
返回(
{images.map((图像,i)=>{
返回(
);
})}
);

}
这是可行的,但您需要
!重要信息
覆盖滑块样式

const StyledSlider = styled(Slider)`
  .slick-list {
    padding: 0 !important;
  }
`;

酷!最后一个问题,你知道为什么我的自定义箭头在添加绝对位置时不接受onClick事件吗?嗯。。不是真的,这是奇怪的,一些样式禁用了按钮上的一些行为。