中间的单选按钮，每侧有两列文本/选项

Question

我正试图让Flat UI的单选按钮在中心对齐。但似乎很难实现。问题（在附图中可以看出，我无法将右侧的无线电带到第二列的文本之前。

任何擅长CSS魔术的人都可以告诉我正确的方法吗？对不起，我不能提供一个小提琴链接（无法弄清楚如何在其中移植平板UI内容），但如果你想看到我的模板，我愿意发给你链接。请告诉我。

如果外观比HTML中的常规单选按钮更好，我可以使用其他UI / CSS工具。谢谢！

P.S。我用“twitter-bootstrap”标记了这个，因为我相信Flat UI是建立在它之上的。

Answer 1

这种情况正在发生，因为在flat-ui :before伪元素的样式表中附加了单选按钮属性。结果收音机的两个图标。

解决方案：

1. 转到flat-ui的样式表
2. 搜索.fui-radio-unchecked:before和.fui-radio-checked:before
3. 删除它们或将这两个属性保存在css评论/**/
中

这就是你的问题将得到解决。