Jquery mobile 如何在jQueryMobile 1.4.2中使用格式化内容设置单选按钮列表的样式

我试图在jQueryMobile1.4.2中创建如下内容——即单选按钮列表，其中包含解释每个选项的内容。这是1.2版的jquery屏幕截图，说明文本的大小小于正文文本

但是，当我直接从中复制他的示例代码时，结果显示的大小与此不符（显示的其他控件用于参考大小）

下面是示例代码

<fieldset data-role="controlgroup"> 
    <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
    <label for="radio-choice-1">
        <h3 class="ui-li-heading">jQuery Mobile</h3>
        <p class="ui-li-desc">Easy and great for all project from smartphones to dumbphones</p>
    </label>            

    <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />          
    <label for="radio-choice-2">
        <h3 class="ui-li-heading">Sencha Touch</h3>
        <p class="ui-li-desc">Great for complex apps but a higher learning curve</p>
    </label>            

    <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />          
    <label for="radio-choice-3">
        <h3 class="ui-li-heading">jQTouch</h3>
        <p class="ui-li-desc">Simple, lightweight, but focused on webkit</p>
    </label>            
</fieldset>

jquerymobile
对于从智能手机到智能手机的所有项目来说，都是一个简单而伟大的项目
森查触摸
非常适合复杂的应用程序，但学习曲线更高
jQTouch
简单、轻量级，但专注于webkit

原来上面的代码不再有效的原因是它引用了css类名

ul li desc

，该类名用于，但不再是最新的

新的1.4.2版本中有一些类似的示例代码，如下所示

减少字体大小的css类是

.ui listview>li p

---

那么，在jquerymobile1.4.2中，使用添加的内容创建一个单选按钮列表的正确方法是什么呢？

最容易理解jQM CSS结构的方法是firebug current view。jQM基于小部件更改HTML标记，因为它添加了额外的元素并包装了其他元素，以便将每个元素添加到最终UI中

请记住，在重写jQM样式时，您必须具体且谨慎。大多数小部件共享相同的类（全局类）

还要注意，从jQM 1.4开始，为了提高性能，团队减少了用于设置小部件样式的内部元素的数量

/*内*/
标签p{
字体大小：.9em；
字体大小：400；
显示：块；
}
/*&*/
标签h3，标签p{
边缘：.45em；
}
/*调整单选按钮本身的位置*/
.ui无线电输入，标签.ui btn:之后{
排名：35%！重要；
}

---

附言：是的，很明显，我可以自己设计它，并为自己节省20分钟来写这个问题，但我正试图理解css框架，并从一开始就做好一切：-）或者我应该只是在列表视图中粘贴单选按钮吗？+1用于注释；）是的，一旦开始使用css，您就会理解JQM。1.4比以前的版本更容易，因为团队减少了包含大多数样式的内部元素的数量，例如

span

。Firebug控制组并开始覆盖/探索：）ps。即使您使用listview，您也需要至少覆盖

li

的

填充
。给您@omar-谢谢。你能把这个作为一个真实的答案，这样我就可以给你一些建议吗？汉克斯·奥马尔-期待着在我未来的问题上与你合作：-）hehe@Simon_Weaver不客气！我也期待着帮助您，这将是一种荣幸：）