开发者社区> 问答> 正文

宜搭单选组件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 78 0
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
    赞同 175 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载