jQuery移動UI列表視圖

Question

我有一個簡單的問題。 我在jQuery移動用戶界面中做了一個非常基本的listview，但是邊框很麻煩，背景應該是平坦的，但是是漸變的。

主題b是標准的jQuery移動UI主題滾子主題。

問題的形象

代碼很簡單：

  <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或更改jquery.mobile.xxxcss文件來覆蓋樣式。

另請參見此線程樣式化jquery移動listviews