有沒有成功的一個行塊

Question

我一直在努力的主題下[鏈接] http://jsfiddle.net/wigiri/DAJca/ jQuery Mobile的主題化列表，這裏是一個項目的例子：

<ul data-role="listview"> 
       <li data-role="fieldcontain" class="ui-li"> 
        <div> 
         <label class="ui-label" for="0">Afghan</label> 
        </div> 
        <div style="float:right"> 
         <select name="0" id="0" onchange="saveSelect(this,'Food',0);" data-role="slider" 
         data-mini="true"> 
          <option value="0">No</option> 
          <option value="1" undefined>Yes</option> 
         </select> 
        </div> 
       </li> 
</ul> 

我希望標籤上左邊和右邊的滑塊，相互對齊，有一個很好的「列表項目」背景。

任何想法？

Answer 1

這裏有一個工作示例：使用http://jsfiddle.net/Gajotres/pzfr2/

CSS：

#slider-container { 
    position: relative; 
    float:right; 
    margin-top: -10px !important;  
} 

#slider-container .ui-slider { 
    margin-top: -50px !important; 
}