控件边框颜色修改

使用一下代码,修改控件的颜色、和边框

setTimeout(function(){            var color=$(".widgetBackground").css("background-color");//获取主体背景颜色       //以下修改文本控件、数字控件的属性           

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

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

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

$(".fr-trigger-text").find("input").css({"background":"#21242c","color":"#b3bbcd"});

//设置背景和字体颜色           

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

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

 },100)

但是修改完之后,这个地方的白边一直去不掉,请问如何解决

image.png

FineReport 访客登录 发布于 2021-6-3 10:09 (编辑于 2021-6-3 10:13)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
Leonard.LinLv5初级互助
发布于2021-6-3 10:16

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":"#373F5E"});//设置控件本身背景

        $(".fr-trigger-text").find("input").css({"background":"#373F5E","color":"#FFFFFF","font-family":"Arial"});//设置控件输入框背景和字体颜色

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

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

},100)  

你可以在改改颜色

  • 访客登录 访客登录(提问者) $(\".fr-trigger-text.fr-border-box\").css({\"background\":\"#373F5E\"});//设置控件本身背景 在我的那个代码里新增了这一句就可以了,谢谢大佬们
    2021-06-03 10:36 
最佳回答
0
snrtuemcLv8专家互助
发布于2021-6-3 10:18

给控件初始化事件

setTimeout(function() {

$("div[widgetName=COMBOCHECKBOX0]").css({"border":"solid yellow"});//边框颜色,COMBOCHECKBOX0控件名,注意要大写

}, 100);

image.png

  • 4关注人数
  • 1403浏览人数
  • 最后回答于:2021-6-3 10:18
    请选择关闭问题的原因
    确定 取消
    返回顶部