jQuery手機UI列表視圖

我有一個簡單的問題。我已經在jQuery移動UI中做了一個非常基本的listview，但是邊界是錯誤的，背景應該是平坦的，但是它是漸變的。jQuery手機UI列表視圖

主題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>

來源

2013-09-01 Emil Moe

你就不能編輯jquery.mobile-VERSION.css或設置新的風格爲您的列表視圖？添加一些樣式的信息到您的CSS和設置data-role =「listview mlistviewdesign」，這應該做的工作 – Goot

我不知道我明白這是如何解決它？它不應該看起來像主題輥嗎？如果我刪除每個CSS引用，但jquery.mobile-1.3.2.min.css，我有藍色標題和平藍色項目完美列表。我想要一個帶有漸變的淺色標題，以及沒有漸變的淺灰色項目。 –

只需添加一個新的CSS overwride你的風格或更改jquery.mobile.x.x.x.css文件。

也看到這個線程Styling jquery mobile listviews

來源

2013-09-01 14:28:10 Goot

我可以，但這真的是最好的解決方案嗎？我以爲我能夠使用這些主題。我應該怎麼重寫，現在我去了所有'李'標籤。 –

你想編輯你的列表視圖的樣式...所以你必須改變你的CSS或添加一個包含你的新樣式的類（這是更好的解決方案）。 – Goot

主題滾輪怎麼樣？ –

jQuery手機UI列表視圖

回答

相關問題