单选选中的为什么是方形的啊，不是设置了border-radius: 100%;么

源自：7-3 CSS3选择器 :checked选择器

在.box span添加了border-radius: 100% 选出来的结果仍然是方形的，要改成圆形的怎么办。

另外如果要实现点击男女文字也能单选，该怎么改。。

提问者：表示很不蛋定 2015-04-28 14:25

当你的半径设置等同于元素高度,就是圆形了,eg:

div{
    height:100px;/*与width设置一致*/
    width:100px;
    background:#9da;
    border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/
    }