决策报表嵌套下的下拉框组件如何自定义设置字体大小等样式

image.png  如图:body下的absolute1下有个下拉框组件,如何设置字体大小及点击下拉显示的下拉选项背景色,字体大小image.pngimage.pngjs做了初始化后,

setTimeout(function() { 

   _g().getWidgetByName('project').css({"background":"transparent"});//背景

   _g().getWidgetByName('project').css({"color":"#fff"} );//文本颜色

   

   var div = $(".bi-sign-editor");//.firstElementChild;

  var firstDivChild = div.firstElementChild;

  

   if (firstDivChild && firstDivChild.tagName.toLowerCase() === 'div') {

    // 这里你可以对firstDivChild进行操作,例如设置字体大小

    firstDivChild.style.fontSize = '36px';

  } else {

    console.log('没有找到第一个div子节点');

  }

},100);

组件背景生效了,但是字体大小不生效

FineReport 漓沐 发布于 2025-1-21 08:43
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
lxy2Lv6中级互助
发布于2025-1-21 08:48

image.png字体大小

  • 漓沐 漓沐(提问者) 是我瞎了,哈哈哈,老半天都没注意到
    2025-01-21 08:55 
最佳回答
1
snrtuemcLv8专家互助
发布于2025-1-21 08:48

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

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)

  • 3关注人数
  • 20浏览人数
  • 最后回答于:2025-1-21 08:48
    请选择关闭问题的原因
    确定 取消
    返回顶部