修改单选按钮样式

参数里面的按钮组单选可以做到这样吗?image.png前面没有圆圈,有选中状态和未选中状态,最好选中之后字的颜色也可以变化

FineReport 用户7FaZN2295480 发布于 2021-11-17 09:53
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
用户莎Lv5见习互助
发布于2021-11-17 15:17(编辑于 2021-11-17 15:24)

微信图片_20211117151925.png

setTimeout(function() {

$("head").append("<style>"+".fr-radio-radiooff{padding: 3px 14px; background: none;}"+//修改默认未选中单选框样式:加 上下左右内边距、去掉圆圈

".fr-radio-radioon{padding: 3px 14px; background: #52b36b;}"+

//修改选中单选框样式:加 上下左右内边距、添加背景色(想要啥颜色自己再配)

"</style>");

},10)

最佳回答
0
熊猫头Lv6初级互助
发布于2021-11-17 09:56

为什么一定要单选按钮呢

最佳回答
0
檬茶茶Lv4初级互助
发布于2021-11-17 11:50(编辑于 2021-11-17 11:51)

我给你想个办法两个单元格,设置成两个按钮控件,底下(随便放哪里,可以隐藏掉)两个值用来判断哪个给选中了

图片.png图片.png

图片.png

这样是否可行

  • 用户7FaZN2295480 用户7FaZN2295480(提问者) FineReport没有这种样式的查询条件按钮吗?可以定制吗
    2021-11-17 14:02 
  • 檬茶茶 檬茶茶 回复 用户7FaZN2295480(提问者) 你找下看能不能前端改掉按钮的背景颜色,我这样写应该是符合你需要的逻辑的
    2021-11-17 14:18 
  • 4关注人数
  • 414浏览人数
  • 最后回答于:2021-11-17 15:24
    请选择关闭问题的原因
    确定 取消
    返回顶部