开发者社区 问答 正文

宜搭单选组件CSS可以重写吗?

做宜搭单选组件时正好4个选项,一行不能完全展示,还要换行。见图1。如果做成按钮选项的形式估计就可以一行展示所有选项而不用换行了吧。在自定义页面的单选组件看到了这种展示方式,但在表单页面的单选组件没这个选项。如何重写CSS才能达到按钮选项的展示形式。Screenshot_2024-08-29-20-51-55-87_6483dd1576f1330fe7c408604fe48ee1.jpg
F2B899B0-A81F-4156-8FA6-493BA99D9CCF.png

展开
收起
游客ctf62nkjzvz2c 2024-08-29 21:36:59 102 发布于广东 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~

    您好,建议直接写css缩短单选组件之间的间距,可以实现一行显示个选项,可参考下图调整:
    1.浏览器打开控制台定位到对应dom元素,复制class类名
    image.png
    2.表单页面拖入一个布局组件,用于写css源码样式
    image.png`

    css代码示例:
    .mt-radio-item--hoz-medium {
    margin-right: 3.333333vw !important;
    }

    2024-08-30 14:59:23 举报
    赞同 207 2

    评论

    全部评论 (2)

    登录后可评论
    头像
    宜搭开发怎么模拟手机
    2024-08-30 17:41:37
    赞同回复举报
    头像
    有效果但似乎还不能满足要求,选项前的那个小原点Icon似乎太占空间,有没有办法把那个距离缩短点,或是直接将选项改为按钮形式,自定义页面的单选就可以将选项改为按钮形式展示。
    2024-08-30 17:09:03
    赞同回复举报