如何自定义箭头样式以响应响应

Question

我使用的反应响应旋转木马，但我想样式的幻灯片箭头。我发现google可以更改此文件中的样式，该文件位于节点模块文件夹中。

react-responsive-carousel/lib/styles/carousel.min.css

我打开了文件，并试图更改下一个箭头CSS类的颜色。

.carousel .Control-Next.Control-箭头:前面{边框-左: 8px实心#fff；}

但不起作用？

我怎样才能改变箭头的样式？

Answer 1

所以，我还没有和你提到的npm合作过。但根据我对其他国家预防机制一揽子计划的经验。如果要调整默认样式，可以使用相同的类名覆盖样式，并将样式添加到globals.css文件中。甚至在不同的CSS文件中，也可以导入组件。

示例：

// ./styles/globals.css

.carousel .control-next.control-arrow:before { border-left: 8px solid #fff; }

我认为不建议直接在node_modules中进行调整。