fr11版本frm的下拉框里面的选项怎么改颜色

如图所示,使用f12写js的时候,找到了对应的组件,但是如何改成决策报表里面的代码?

FineReport 奇犽呀呀 发布于 2025-3-17 15:15 (编辑于 2025-3-17 15:16)
1min目标场景问卷 立即参与
回答问题
悬赏:5 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
yzmp754J5745601Lv3见习互助
发布于2025-3-17 15:32

选项列表的字体颜色?

  • 奇犽呀呀 奇犽呀呀(提问者) 是的,包括他的背景颜色
    2025-03-17 16:01 
  • yzmp754J5745601 yzmp754J5745601 回复 奇犽呀呀(提问者) 用class来改,给控件添加一个编辑前控件
    const items = document.querySelectorAll('.fr-combo-list-item');

    items.forEach(item => {
    const title = item.getAttribute('title');

    if (title !== "不选") {
    //设置背景颜色
    item.style.backgroundColor = 'yellow';
    //设置字体颜色
    item.style.color = 'blue';
    }
    });
    2025-03-17 16:03 
  • 奇犽呀呀 奇犽呀呀(提问者) 回复 yzmp754J5745601 好像没法生效。我f12找到的是:bi-basic-button cursor-pointer bi-single-select-item bi-list-item-active bi-label bi-text active,如果拿它来替换fr-combo-list-item也没法生效,不知道是我漏了什么呢?
    2025-03-17 16:14 
  • yzmp754J5745601 yzmp754J5745601 回复 奇犽呀呀(提问者) 直接复制我的js代码进去
    2025-03-17 16:17 
  • 奇犽呀呀 奇犽呀呀(提问者) 回复 yzmp754J5745601 还是不能生效。。。可以麻烦您给一个只有修改控件颜色的frm模板吗,我看看在我本地是否能生效,不知道是否是我版本问题
    2025-03-17 16:25 
最佳回答
0
华莉星宸Lv7资深互助
发布于2025-3-17 15:20

setInterval(function(){

//下拉框向下箭头的背景色

$(".fr-trigger-btn-up").css("background", "#A2A2BA").css("border", "0px solid #FDC11D");

//下拉框打开前字体颜色

$(".fr-trigger-texteditor").css("color", "#323F53").css("background", "#ffffff");

//打开前边框设置

$(".fr-trigger-text").css("border", "0px solid #1130d4");

//下拉框字体

$(".fr-combo-list").css("font-family", "阿里巴巴普惠体").css("color", "#4488EF");

//下拉框外部边框

$(".fr-combo-list").css("border", "0.5px solid #E3E6ED").css('border-radius', '2px').css("background", "#ffffff");

//下拉框 选中 边框

$(".fr-datepicker tbody td.selected").css("border", "0px solid #1B1B1C").css('border-radius', '1px');

},100)

新自适应插件,下拉框样式

setTimeout(function() {//$(".bi-text-button").css({'background-color':'#032466','flont':'#FF0000'});

$(".x-icon").css({'background-color':'#032466'});//下拉箭头块背景色

$(".bi-vertical-layout").css({'background-color':'#032466'});//框内背景色

$(".bi-text").css({'color':'#FFFFFF'}); //文本颜色

$(".bi-text").css({'font-size':'15px'}); //字体大小

$(".bi-border").css({'border':'1px solid #051340'}); //边框

$(".bi-absolute-layout").css({'background-color':'transparent'});  //控件父级设置透明   

$(".bi-border").css({'border-radius':'18px 18px 18px 18px'}); //边框圆角

$(".x-icon").css({'border-radius':'18px 18px 18px 18px'}); //下拉箭头块圆角

$(".bi-vertical-layout").css({'border-radius':'18px 18px 18px 18px'});//子级圆角

$(".bi-vertical-layout").css({'box-shadow':'0px 0px 10px #FFFFFF'});//子级设置阴影

$(".bi-searcher.bi-v").css({"background":"blue"});//设置控件本身背景

}, 100)

  • 奇犽呀呀 奇犽呀呀(提问者) 您好,fr11的下拉框的选项的样式,这里面没有。其他的回答里面我也有看到类似的,但是不起效才用f12去找的
    2025-03-17 15:26 
最佳回答
0
snrtuemcLv8专家互助
发布于2025-3-17 15:21

11版本下拉框列表背景颜色

编辑前事件

setTimeout(function() {

$(".bi-v.list-view-outer.bi-card.list-view-shadow").css({"background-color":"red","color":"#999999","font-size":'12px',"text-align":"center"});//下拉列表背景,字体颜色大小

}, 100)

  • 奇犽呀呀 奇犽呀呀(提问者) 我fr找到的组件是这个:bi-basic-button cursor-pointer bi-single-select-item bi-list-item-active bi-label bi-text active,在前端直接改"background-color":"red"是能生效的,但在报表里面不能生效
    2025-03-17 15:30 
  • 4关注人数
  • 66浏览人数
  • 最后回答于:2025-3-18 18:42
    请选择关闭问题的原因
    确定 取消
    返回顶部