决策报表下拉框样式设置

image.pngpc端决策报表下拉框样式可以设置出这个效果吗

image.png这下面的部分能不能一起变化

FineReport 叶枫1213 发布于 2023-11-27 14:47 (编辑于 2023-11-27 14:58)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
LOELv4初级互助
发布于2023-11-27 14:51(编辑于 2023-11-27 15:50)

控件添加初始化后事件,参考这个

setTimeout(function() { 

$(".bi-card").css({"background":"transparent"});//日历背景

$(".bi-border").css({'border':'none'});//边框

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

$(".bi-card").css({"color":"#fff"});//日历颜色

},100)

     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)

image.png

  • 叶枫1213 叶枫1213(提问者) 我刚刚完善了一下问题,第二张截图的部分有地方可以一起改吗
    2023-11-27 14:59 
  • LOE LOE 回复 叶枫1213(提问者) 你用F12看一下下拉框拉开后的ID,跟这个一样的原理写
    2023-11-27 15:13 
  • 叶枫1213 叶枫1213(提问者) 回复 LOE 应该不行,不点箭头那个区域不会出现,写在初始化事件里面没用
    2023-11-27 15:24 
最佳回答
0
ID1208Lv6高级互助
发布于2023-11-27 15:32

下拉选项背景与主体背景融合?

image.png

参考--https://bbs.fanruan.com/thread-147006-1-1.html

  • 3关注人数
  • 270浏览人数
  • 最后回答于:2023-11-27 15:50
    请选择关闭问题的原因
    确定 取消
    返回顶部