reactjs - 如何控制材质ui Slider的默认valueLabelComponent的样式？

Question

它太大，背景颜色不正确。

所以解决方案是：

1. 更改默认的大小和背景颜色valueLabelComponent。
2. 当然，创建一个与默认形状相同且尺寸和颜色正确的组件。

任何一种解决方案都可以。

谢谢

标签： reactjsmaterial-uislider

Answer 1

目前，值标签组件的大小无法根据此工单定制。您可以使用withStyles在同一个组件上自定义您自己的样式。我创建了这个代码沙箱，您可以在其中更改大小和颜色，保持相同的样式。

此外，您可以创建自己的组件并将其传递给滑块道具名称ValueLabelComponent，但为此，您需要使用 CSS。按照此示例创建自定义值标签组件。