在拆分按钮列表中有一个复选框

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; 
}