css - 如何更改丰富的 InputNumberSlider 中的指标？

Question

我知道 richfaces 中的 inputNumberSlider 允许您使用 slider 增加值，也可以通过指示器增加值。是否可以将指示器更改为其他形状，例如方形或圆形？

我看到有很多属性可以改变方面，例如，几个样式属性可以改变颜色、宽度、处理输入、步骤等，但我没有找到任何相关信息。 以下是一些示例:

<rich:inputNumberSlider value="50" showInput="false" enableManualInput="false" showBoundaryValues="false" showTooltip="false"/>

没有边界值也没有手动输入

<rich:inputNumberSlider maxValue="100" step="2" value="0" width="6" showArrows="true" showTooltip="false" />

禁用的 inputNumberSlider 示例:

<rich:inputNumberSlider  width="100" maxValue="200" step="1" showArrows="true" showTooltip="false" disabled="true" value="0" />

Answer 1

该图标不能直接自定义，但您可以使用 handleClass :

.myHandleClass {
    background-image: url('my/image.gif');
}

<rich:inputNumberSlider handleClass="myHandleClass" … />