各位大佬,10.0的下拉控件可以修改成像11.0的控件样式吗?

这是11.0image.png这是10.0image.png

FineReport 用户GDZAc5307311 发布于 2022-10-14 10:29 (编辑于 2022-10-14 10:30)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
LTC朝Lv6高级互助
发布于2022-10-14 10:33

css修改控件样式:https://help.fanruan.com/finereport10.0/doc-view-1367.html?source=4

setInterval(function() {

$('.fr-trigger-texteditor').css('border', 'none');

$('.fr-trigger-text').css('border', 'none');

$('.fr-trigger-text').css('border-left', '1px solid #9E9E9E');

$('.fr-trigger-text').css('border-top', '1px solid #9E9E9E');

$('.fr-trigger-text').css('border-bottom', '1px solid #9E9E9E');

$('.fr-trigger-btn-up').css('border-top', '1px solid #9E9E9E');

$('.fr-trigger-btn-up').css('border-bottom', '1px solid #9E9E9E');

$('.fr-trigger-btn-up').css('border-right', '1px solid #9E9E9E');

$('.fr-trigger-texteditor').css('background', '#F2F2F2');

$('.fr-trigger-btn-up').css('background', '#F2F2F2');

$('.fr-trigger-text').css('background', '#F2F2F2');

//设置下拉、下拉复选、日期控件圆角

$('.fr-trigger-text').css('border-radius', '8px 0 0 8px');

$('.fr-trigger-btn-up').css('border-radius', '0 8px 8px 0');

//设置下拉框与下拉复选框下拉三角的颜色

$('.fr-trigger-center').css('width', '0px');

$('.fr-trigger-center').css('height', '0px');

$('.fr-trigger-center').css('margin', '0 2 0 0');

$('.fr-trigger-center').css('background', '#F2F2F2');

//将方块分为四个三角,上面的三角设置显示色

$('.fr-trigger-center').css('border-top', '6px solid #1AB436');

//其他三个三角设置与背景色相同

$('.fr-trigger-center').css('border-left', '6px solid #F2F2F2');

$('.fr-trigger-center').css('border-bottom', '6px solid #F2F2F2');

$('.fr-trigger-center').css('border-right', '6px solid #F2F2F2');

}, 50)

效果图:具体颜色自己修改

image.png

  • 1关注人数
  • 600浏览人数
  • 最后回答于:2022-10-14 10:33
    请选择关闭问题的原因
    确定 取消
    返回顶部