舍入这些单选按钮（缺少更好的标题......）

Question

无法想到一个伟大的标题，但基本上我有一个内联显示三个单选按钮 这是平方的。我试图围绕[radio1] [radio2] [radio3]外角，但我确信我没有正确地下载我的CSS语法。我可以让每个按钮角分别圆，但似乎无法弄清楚如何让radio1和radio3的外角圆。每个收音机都有自己的ID：在jsFiddle上查看全部。

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

Answer 1

你实际上是label的样式，所以选择第一个和最后一个输入的相邻标签：

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

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

Demo