PrimeFaces 슬라이더 - 선택된 영역 색상

Question

PrimeFaces 슬라이더 구성 요소를 사용할 때 색상 선택 영역을 만들려고합니다. 그래서 내가 뭘 하려는지, 사용자가 슬라이더 값을 뭔가로 설정하면 선택한 값이 0에서 선택한 값으로 변합니다 (이미지보기).

나는 PF jQuery를 UI를 사용하고 우리는이 $("#slider").slider({range: "min"}); 같은 jQuery를에 발생하고 .ui-slider-range{background: green;} 같은 배경 색상을 정의 할 수 있다는 것을 알고.

어떻게하면 PF 구성 요소 슬라이더를 관리 할 수 ​​있습니까? 이게 가능한가? 그리고 이것을 달성하는 가장 좋은 방법은 무엇입니까?

감사합니다.

Answer 1

javascript를 사용하지 않고 슬라이더 범위 속성을 true로 설정하면 두 핸들을 표시하고 CSS를 통해 첫 번째 핸들을 숨길 수 있습니다. 내가 프로젝트에서 일하고 있어요

.your-style-class span:nth-of-type(1) { 
    display: none; 
}