在拆分按鈕列表中有一個複選框

Question

我的客戶希望有一個split button list，但不是圖像，而是有一個複選框。這樣，用戶可以選中/取消選中某個項目，或者觸摸右箭頭以獲取更多信息。

的問題是：

默認樣式將所述元件的寬度設置爲 父容器的100％。

問：如何將checkbox合併到拆分按鈕列表中？

Answer 1

這工作得相當好：

<div class="ui-grid-a"> 
    <div class="ui-block-a"> 
     <input checked type="checkbox" name="CollID" id="CollID217" class="custom"> 
     <label for="CollID217">xxx</label> 
    </div> 
    <div class="ui-block-b"> 
     <a href="#" data-inline="true">Details</a> 
    </div> 
</div> 

再搭配風格吧：

.ui-grid-a .ui-block-a { width: 85% } 
.ui-grid-a .ui-block-b { width: 15%; } 

.ui-grid-a .ui-block-b a { 
float:right; 
}