单选按钮 - jquery 移动字段集宽度

Question

我有一个jquerymobile字段集，看起来像这样：

<fieldset data-role="controlgroup" data-type="horizontal" id="myid">

我想为字段集设置自定义宽度，但不知道如何做。我该怎么做？（最好没有外部插件）

谢谢

Answer 1

解决方案

下面是如何使用包含选择框的字段集对其进行区分的示例： http://jsfiddle.net/Gajotres/xFPFH/

使用的CSS是：

.ui-controlgroup-controls {
    width:100% !important;
}
.ui-select {
    width:33% !important;
} 

编辑：

下面是单选按钮的示例：http://jsfiddle.net/yUZy8/。将单选按钮宽度数相乘时，它必须等于或大于 .ui-controlgroup-controls 宽度。

更多信息

如果您想学习如何自己进行此类更改，则应查看本文，它将教您如何自己执行此操作。