新自适应css失效,控制组件透明

根据以下文档想要使某个组件变透明,但是决策报表新自适应会导致这个opacity失效,有什么替代方法吗

CSS修改控件样式- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

image.png

FineReport Juint 发布于 2024-8-13 09:36
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
snrtuemcLv8专家互助
发布于2024-8-13 09:37(编辑于 2024-8-13 10:08)

例如

11版本日期控件背景透明

setTimeout(function(){

    $("div[widgetname=DATEEDITOR0]").css("background-color","transparent");//DATEEDITOR0是控件名,需要大写

},100)

========

就是直接

transparent

=============

11版本,下拉框样式

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)

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)

  • Juint Juint(提问者) 这个组件是下拉框控件,这个有办法只隐藏一部分吗,就是点击下拉框后,里面的内容需要不是透明的
    2024-08-13 10:06 
  • snrtuemc snrtuemc 回复 Juint(提问者) 参考修改答案,自己选,不知道你要哪些
    2024-08-13 10:07 
  • 2关注人数
  • 157浏览人数
  • 最后回答于:2024-8-13 10:08
    请选择关闭问题的原因
    确定 取消
    返回顶部