jQuery Mobile 中单选按钮的原生外观答案

【问题标题】：Native Look of Radio buttons in jQuery MobilejQuery Mobile 中单选按钮的原生外观
【发布时间】：2013-11-26 18:24:41
【问题描述】：

我正在使用 jQuery mobile 开发一个 android 应用程序，phonegap 在其中我有表单我需要使无线电元素成为本机元素而不是像这样的按钮 [1]：http://i.stack.imgur.com/YKEGa.png ，我通过添加 data-role="none" 来做到这一点，但是收音机尺寸“选定的圆圈”太小了如何放大收音机尺寸？

请帮帮我，

提前致谢。

【问题讨论】：

@Omar 我该怎么做？你能帮帮我吗？
查看hongkiat.com/blog/css3-checkbox-radio

标签： css jquery-mobile cordova

【解决方案1】：

您基本上可以根据需要设置字段的样式。例如，下面的主题具有您所期望的样式。

http://driftyco.github.io/graphite/

<fieldset data-role="controlgroup" data-type="horizontal">
  <legend>Choose a pet:</legend>
  <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
  <label for="radio-choice-1">Cat</label>

  <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"  />
  <label for="radio-choice-2">Dog</label>

  <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3"  />
  <label for="radio-choice-3">Hamster</label>

  <input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4"  />
  <label for="radio-choice-4">Lizard</label>
</fieldset>

【讨论】：

我已经将它们设置为原生样式，实际上我需要的是放大收音机尺寸“我们检查它的圆圈”。
@user 这可能是一个选项。另一种选择是制作自己的样式。