jQuery 모바일 UI 목록보기

Question

간단한 질문이 있습니다. 나는 jQuery 모바일 UI에서 매우 기본적인 listview를 만들었지 만, 경계선이 도려내 고 있고 배경은 평평해야하지만 그라디언트이다.

테마 b는 표준 jQuery 모바일 UI 테마 롤러 테마입니다.

Image of problem

코드는 다음처럼 간단하다 :

<div data-role="collapsible-set" data-theme="b" data-content-theme="b" data-inset="true"> 
    <div data-role="collapsible"> 
     <h2>Level 1</h2> 
     <ul data-role="listview"> 
     <li>RED Zone</li> 
     <li>GREEN Zone</li> 
     <li>PURPLE Zone</li> 
     <li>GOLD Zone</li> 
     </ul> 
    </div> 
    <div data-role="collapsible"> 
     <h2>Level 2</h2> 
     <ul data-role="listview"> 
     <li>RED Zone</li> 
     <li>GREEN Zone</li> 
     <li>PURPLE Zone</li> 
     <li>GOLD Zone</li> 
     </ul> 
    </div> 
    <div data-role="collapsible"> 
     <h2>Level 3</h2> 
     <ul data-role="listview"> 
     <li>RED Zone</li> 
     <li>GREEN Zone</li> 
     <li>PURPLE Zone</li> 
     <li>GOLD Zone</li> 
     </ul> 
    </div> 
    </div> 

Answer 1

단순히 새로운 CSS를 추가하여 스타일을 overwride 또는 jquery.mobile.x.x.x.css 파일을 변경합니다.

이 스레드 Styling jquery mobile listviews