我正在尝试从 Flat UI 获取单选按钮居中对齐。但似乎很难实现。问题(如附图所示，我无法将右侧的 radio 显示在第二列的文本之前。
任何精通 CSS 魔法的人都可以告诉我正确的方法吗？抱歉，我无法提供 fiddle 链接(无法弄清楚如何在其中移植 Flat-UI 内容)，但如果您想查看我的模板，我愿意将链接发送给您。请告诉我。
如果外观比 HTML 中的常规单选按钮外观更好，我愿意使用其他 UI/CSS 工具。谢谢!
附注我用“twitter-bootstrap”标记了它，因为我相信 Flat UI 是建立在它之上的。
最佳答案
发生这种情况是因为在 flat-ui 的样式表中 :before 伪元素附加到单选按钮属性。结果两个 radio 图标。
解决方案:
- 转到flat-ui的样式表
- 搜索
.fui-radio-unchecked:before和.fui-radio-checked:before - 要么删除它们，要么在 css 注释中保留这两个属性
/**/
这样你的问题就解决了。
关于css - 中间的单选按钮，两侧各有两列文本/选项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18669371/