JS实现控件与背景融合

setTimeout(function(){

        

//以下修改文本控件、数字控件的属性

$(".fr-texteditor").css({"background":"rgba(0,0,0,0)","color":"#c0c0c0"});//设置背景和字体颜色

$(".fr-texteditor").css("border","none");//去除边框

//以下修改下拉单选控件,下拉复选控件和日期控件的属性

$(".fr-trigger-text.fr-border-box").css({"background":"rgba(0,0,0,0)"});//设置控件本身背景

$(".fr-trigger-text").find("input").css({"background":"rgba(0,0,0,0)","color":"#c0c0c0"});//设置控件输入框背景和字体颜色

$(".fr-trigger-text").css("border","none");//去除边框

      $(".fr-trigger-btn-up").css({"background":"rgba(0,0,0,0)","border":"none"});//设置控件右侧点击按钮

},100)

这是使用社区的代码,但是只有年份的控件生效,下拉框的控件不行。然后使用了社区的另一段代码,如下

$("div[widgetname*='ZV_0CALMONTH2_01']") .css({

 "background": "rgba(0,0,0,0)",

 "color": "#c0c0c0"

 }); //设置背景和字体颜色

$("div[widgetname*='ZV_0CALMONTH2_01']") .css("border", "none"); //去除边框

,结果还是不起作用

image.png

image.png

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

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'});//子级设置阴影

}, 100)

  • MKERA MKERA(提问者) 这个我去试了试,还是有问题,我用F12看了一下代码,好像不一样。我补充了一下截图,麻烦大佬帮忙看看,谢谢
    2022-11-04 14:27 
  • snrtuemc snrtuemc 回复 MKERA(提问者) 看你的截图,应该是11版本或者新自适应插件了的,这个我测试没问题,控件白色变成背景色是这个代码, $(\".bi-searcher.bi-v\").css({\"background\":\"blue\"}); 注意,评论会在引号前加斜杠,自己删除
    2022-11-04 14:34 
  • XGT XGT 能告诉一下这前面的属性都怎么获取的,比如.bi-border
    2023-05-29 11:43 
  • 2关注人数
  • 683浏览人数
  • 最后回答于:2022-11-4 14:27
    请选择关闭问题的原因
    确定 取消
    返回顶部