gpt4 book ai didi

css - 中间的单选按钮,两侧各有两列文本/选项

转载 作者:行者123 更新时间:2023-11-28 12:24:06 25 4
gpt4 key购买 nike

enter image description here我正在尝试从 Flat UI 获取单选按钮居中对齐。但似乎很难实现。问题(如附图所示,我无法将右侧的 radio 显示在第二列的文本之前。

任何精通 CSS 魔法的人都可以告诉我正确的方法吗?抱歉,我无法提供 fiddle 链接(无法弄清楚如何在其中移植 Flat-UI 内容),但如果您想查看我的模板,我愿意将链接发送给您。请告诉我。

如果外观比 HTML 中的常规单选按钮外观更好,我愿意使用其他 UI/CSS 工具。谢谢!

附注我用“twitter-bootstrap”标记了它,因为我相信 Flat UI 是建立在它之上的。

最佳答案

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

解决方案:

  1. 转到flat-ui的样式表
  2. 搜索 .fui-radio-unchecked:before.fui-radio-checked:before
  3. 要么删除它们,要么在 css 注释中保留这两个属性 /**/

这样你的问题就解决了。

关于css - 中间的单选按钮,两侧各有两列文本/选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18669371/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com