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

时间:2013-11-26 18:24:42

标签: css jquery-mobile cordova

我正在使用jQuery mobile,phonegap工作在一个Android应用程序,我有形式我需要使无线电元素作为本机,而不是像这样的按钮                   [1]:http://i.stack.imgur.com/YKEGa.png  ,我这样做是通过添加data-role =“none”,但无线电大小“选定的圆圈”太小,我怎么能放大无线电大小?

请帮助我,

提前致谢。

1 个答案:

答案 0 :(得分: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>