2012-08-27 4 views
2

이 내가 이것에 대한 인라인 스타일을 사용한 JQuery와 UI 슬라이더스타일링은 JQuery와 UI 슬라이더

<li class = "volume"> 
    <div class = "slider-vertical" style="height:50px; margin-left:4px; 
    margin-top:-60px; background-color: black;" hidden></div> 
</li> 

내 마크 업입니다. 제 질문은 jquery 슬라이더의 색상이 어떻게 바뀌지 않는 것입니까? 내가 검은 색으로 설정 했더라도?

+1

인라인 스타일을 사용하지 말고 대신 jQuery의 CSS 선택기 (예 : .ui-widget-content)를 사용해야합니다. – j08691

+0

예제를 제공해 주시겠습니까? – KyelJmD

+0

http://jqueryui.com/demos/slider/에서 테마 탭을 확인하십시오. 또한 jQuery UI 사이트에서 예제를 열고 jQuery CSS가 어떻게 적용되는지 살펴 보자. CSS를 편집하거나 무시할 수 있습니다. – j08691

답변

2

인라인 스타일을 슬라이더에 적용하는 대신 jQuery UI Themeroller을 사용하여 UI 구성 요소의 스타일을 지정하고 구현을위한 사용자 지정 CSS 파일을 생성해야합니다.

많은 jQuery UI 구성 요소가 이미지를 배경으로 사용하므로 배경색을 자주 업데이트해도 원하는 효과가 나타나지 않습니다. Themeroller를 사용하면 최상의 결과를 얻을 수 있습니다.