Question

javascript单选框radio太小，如何放大。

javascript单选框radio太小了，不适合触屏操作，有没有什么方法把单选框放大的，或者谁有更好的主意来替代，最好不要用按钮button。最好有实例。

Answer 1

这个是无法放大的，浏览器渲染这有那么大，你在网页上看到的那种都是通过radio和label在加上背景图实现的。然后通过点击事件动态改变checked和unchecked背景图来实现你所说的功能。

Answer 2

直接在标签上设置 width="100" height="100"属性就行了 或者js和图片配套模拟一个radio也还美观

Answer 3

这种最直接的方式 用图片代替 利用<span > 中间发图片 每次点击后切换图片 就可以实现自定义了

Answer 4

<label for="radio1" style="width:200px;height:50px;display:block;background-color:#6C3;line-height:50px;"><input id="radio1" type="radio" >Radio1</label>

追问

试了一下只是几个单选框的区域变大了，但是单选框本身还是小的

追答

自己画2张radio图片来做label 的背景吧，radio隐藏掉

Answer 5

<input id="radio" type="radio" style="height:12px;width:20%;"/>