如何在活动状态下修改 rc-slider range 的手柄样式？

Question

我正在使用 rc-slider 系列，并且我正在尝试在其上使用某种样式。

我已经设法更改轨道和手柄的颜色，但我不知道如何在单击手柄时更改框阴影的颜色。

我尝试使用带有选择器的经典CSS，但他们似乎无法识别它。 我不认为我可以使用内联的活动状态：

handleStyle={[{ borderColor: "#3643BA" }, { borderColor: "#3643BA" }]}

Answer 1

这不是最干净的解决方案，但您可以覆盖库使用的 css，我这样做了并且它有效。

您创建一个 SliderStyle.css 文件并将其导入到使用 rc slider 的 Range 或 Slider 组件的位置。

.rc-slider-handle-dragging {
    box-shadow: 0 0 0 5px YOUR_COLOR !important;
}