radio-button - 四舍五入这些单选按钮（因为没有更好的标题......）

Question

想不出一个很好的标题，但基本上我有一个三个内嵌显示的单选按钮，它们是方形的。我正在尝试圆 [radio1][radio2][radio3] 外角，但我确信我的 CSS 语法没有正确降低。我可以让每个按钮的角分别变圆，但似乎无法弄清楚如何让radio1和radio3的外角变圆。每个收音机都有自己的 id：在 jsFiddle 上查看所有内容。

//jsfiddle.net/p499h/53/ 请帮忙！

Answer 1

您实际上是在设置labels 的样式，因此请选择第一个和最后一个输入的相邻标签：

#radio1 + label {
    border-radius: 5px 0 0 5px;
}

#radio3 + label {
    border-radius: 0 5px 5px 0;
}

演示