radio-button - 四舍五入这些单选按钮(由于缺少更好的标题……)

不能想到一个伟大的标题，但基本上我有三个单选按钮在线显示
平方。我正在尝试将[radio1] [radio2] [radio3]的外角弄圆，但是我确定我没有正确降低CSS语法。我可以使每个按钮的角分别变圆，但是似乎无法弄清楚如何仅使radio1和radio3的外角变圆。每个收音机都有自己的ID：在jsFiddle上全部检查。

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

最佳答案

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

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

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

Demo

关于radio-button - 四舍五入这些单选按钮(由于缺少更好的标题……)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17306680/