在列表視圖中放置兩種顏色

Question

我已經在2個網格的JQuery移動中創建了一個列表視圖。我需要將背景顏色設置爲只有1個網格（塊a），但是這樣做時，列表視圖的填充將顯示爲白色。我需要爲填充設置顏色。我需要上半場有一種顏色，下半場有不同的顏色。 在此先感謝。

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Page One</h1> 
    </div> 
    <div data-role="content"> 
     <ul data-role="listview" data-theme="none"> 
      <li data-role="list-didvider" > 
       <a href="#"> 
        <div class="ui-grid-a" data-theme="none"> 
         <div class="ui-block-a">Distance</div> 
         <div class="ui-block-b">Places</div> 
       </div> 
       </a> 
      </li> 
     </ul> 
    </div> 
</div> 

Answer 1

您需要在jQuery中自定義css。

例如像

.ui-grid-a .ui-block-a { customization goes here } 

.ui-grid-a .ui-block-b { customization goes here } 

我已成立了一個樣品的jsfiddle，這將讓你開始。

http://jsfiddle.net/Akki619/z3BQ2/

小提琴可能無法提供您正在尋找的精確解，但你總是可以一起玩了預期的效果。

您的情況：您需要根據您的需要定製數據主題 a/c。

根據需要獲得想要的結果可能非常困難。

Answer 2

到目前爲止您的填充已經着色，但邊距不是。 您需要刪除的保證金，並設置填充：

ul li { 
    padding-left: 10px; 
    margin-left: 0px; 
} 

然後你的背景顏色會隨着您的項目內容之前的設置空間。