html中radio变成正方形

html中radio变成正方形的方法为：

1、打开编辑器，然后新建一个html文件，编写入基本的框架。

2、用form，input和label创建一个单项选择题。

3、创建一个新的css文件，并且用link标签关联HTML文件。

4、撤销一下原来按钮的样式。nput[type="radio"]{display：none即可。

单纯radio无法利用css改变形状。

但是可以利用css+其他标签（如div,li）的方式，将这些标签设置成radio的样式，然后通过js来实现radio的功能。

具体您可以百度一下“icheck”这个关键词。相信里面有你需要的。

<div style="width:230px">

<input name="1" type="radio" onclick="Change('1')" />第一个<input id="1" name="s" style="display:nonefloat:right" /><br />

<input name="1" type="radio" onclick="Change('2')" />第二个<input id="2" name="s" style="display:nonefloat:right" /><br />

<input name="1" type="radio" onclick="Change('3')" />第三个<input id="3" name="s" style="display:nonefloat:right" /><br />

<input name="1" type="radio" onclick="Change('4')" />第四个<input id="4" name="s" style="display:nonefloat:right" /><br />

<input name="1" type="radio" onclick="Change('5')" />第五个<input id="5" name="s" style="display:nonefloat:right" /><br />

</div>

<script type="text/javascript">

function Change(obj)

{

var s = document.getElementsByName("s")

for (var i = 0i <s.lengthi++)

{

if (s[i].id == obj)

{

document.getElementById(s[i].id).style.display = "block"

}

else

document.getElementById(s[i].id).style.display = "none"

}

}

</script>

---