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

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

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

表示很不蛋定

2015-04-28

源自：十天精通CSS3 7-3

关注问题我要回答

2133

操作

收起

2 回答

广藿香Patchouli
2015-10-10

border-radius:0px;

0 回复有任何疑惑可以回复我~

收起回答

成者并非一蹴而就
2015-04-28

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

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

0 回复有任何疑惑可以回复我~

收起回答

表示很不蛋定提问者

也就是在.box span 里添加“border-radius: 5px;”咯？也不行啊T.T还是方的。但是把颜色改成非白色的话还是看的到圆。 .box span { display: block; width: 10px; height: 10px; border-radius: 5px;/*弄成一半了还是方的*/ position: absolute; background: #9da;/*改下颜色，能看到圆了但是还是有方的外形*/ top: 50%; left:50%; margin: -5px 0 0 -5px; z-index:1; }

2015-04-29 回复有任何疑惑可以回复我~

广藿香Patchouli 回复表示很不蛋定提问者

因为border-radius设置的是四个圆角的半径，四个半径分别为左上、右上、右下、左下。所以把border-radius设置为0px就好了。 border-radius:0px;

2015-10-10 回复有任何疑惑可以回复我~