jQuery를에 슬라이더 버튼의 배경색을 설정하는 방법 모바일

Question

내가 jQuery를 모바일로 구현 슬라이더 버튼의 목록이 있습니다

<li class="settings_item" id="news" data-icon="false" style="background: white"> 
    <label for="news_item" class="label_slider">Show News</label> 
    <select id="news_item" data-role="slider" data-theme="d"> 
     <option value="off">Off</option> 
     <option value="on" selected>On</option> 
    </select> 
</li> 

내가 데이터 테마 = "D"로 설정합니다. 이 데이터 테마는 마음에 들지만이 테마의 슬라이더 버튼 배경색은 기본적으로 파란색입니다. 대신 그것을 빨간색으로 만들 수 있습니까?

Answer 1

당신이, 당신이 직접 주제에 다른 활성 색상을 설정할 수 없습니다 JQM의 1.3.x 버전을 사용하는 가정,하지만 당신은 CSS에서 그들을 대체 할 수 있습니다 :

.ui-slider .ui-btn-active { 
    background-color: rgb(226, 155, 44); 
    background-image: linear-gradient(rgb(226, 155, 44), rgb(206, 135, 24)); 
    border-color: brown; 
} 

DEMO