jQuery Mobile中单选按钮的本机外观 [英] Native Look of Radio buttons in jQuery Mobile

问题描述

我正在使用jQuery mobile，phonegap开发一个Android应用程序，其中我具有表格形式，我需要使无线电元素成为本机元素而不是像这样的按钮 [1]: http://i.stack.imgur.com/YKEGa.png ，我通过添加data-role ="none"来做到这一点，但是收音机的大小"selected circle"太小，我如何扩大收音机的大小?

I am working on an android App using jQuery mobile,phonegap in which i have form i need to make the radio elements to be as native ones not as button like this [1]: http://i.stack.imgur.com/YKEGa.png , i do that by adding data-role="none" , but the radio size " selected circle " is too small how can i enlarge the radio size ?

请帮助我

谢谢.

推荐答案

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

You can basically style the fields as you wish. For example, the below theme has the style as you expect.

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>

这篇关于jQuery Mobile中单选按钮的本机外观的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！