如何消除下拉复选框控件的边框

如图:

image.png

我按照此帖子添加了JS参数,但是还是有边框存在,如何解决?

setTimeout(function(){               

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

        $(".bi-sign-editor.bi-abs.bi-v").css({"background":"rgba(1,30,52,1)","color":"#c0c0c0"});//设置背景和字体颜色

        $(".bi-sign-editor.bi-abs.bi-v").css("border","none");

        $(".bi-editor.bi-focus-shadow.bi-abs").css("border","none");

        $(".bi-popper.bi-combo.bi-v.bi-combo-hover").css("border","none");

        $(".bi-basic-button.cursor-pointer.bi-text-button.sign-editor-text.bi-label.bi-text.bi-water-mark").css("border","none");

        $(".bi-multi-select-check-selected-button.bi-basic-button.cursor-pointer.bi-text-button.bi-high-light-background.count-tip.bi-label.bi-f-c.bi-f-h.v-middle.h-center").css("border","none");

        $(".bi-searcher.bi-v").css("border","none");//去除边框

        $(".bi-searcher.bi-v").css({"background":"1,30,52,1"});//设置控件本身背景

        $(".bi-popper.bi-combo.bi-v").find("input").css({"background":"rgba(1,30,52,1)","color":"#c0c0c0"});//设置控件输入框背景和字体颜色

        $(".bi-popper.bi-combo.bi-v").css("border","none");//去除边框

        $(".bi-basic-button.cursor-pointer.bi-icon-button.horizon-center.bi-trigger-icon-button.overflow-hidden.pull-down-font.trigger-icon-button").css({"background":"rgba(1,30,52,1)","border":"none"});//设置控件右侧点击按钮

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

},100)

【新提醒】【表单JS实例】JS实现控件融入背景-帆软社区 https://bbs.fanruan.com/thread-134333-1-1.html

FineReport 帆软用户a69z8ip0dk 发布于 2022-7-19 15:32 (编辑于 2022-7-29 09:01)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
好好生活好好学习Lv7资深互助
发布于2022-7-19 15:35(编辑于 2022-7-19 15:35)

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)

image.png

这个是我的

最佳回答
0
用户6NWif5139660Lv6资深互助
发布于2022-7-19 15:34(编辑于 2022-7-19 15:34)

初始化后

setTimeout(function() {

$(".fr-texteditor").css('border':'unset');

}, 100);

-----------------

setTimeout(function(){ 
$(".fr-texteditor").css("border","none");//去除边框
},100)

最佳回答
0
CD20160914Lv8专家互助
发布于2022-7-19 15:34

etTimeout(function(){               

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

        $(".bi-sign-editor.bi-abs.bi-v").css({"background":"rgba(1,30,52,1)","color":"#c0c0c0"});//设置背景和字体颜色

        $(".bi-sign-editor.bi-abs.bi-v").css("border","none");

        $(".bi-editor.bi-focus-shadow.bi-abs").css("border","none");

        $(".bi-popper.bi-combo.bi-v.bi-combo-hover").css("border","none");

        $(".bi-basic-button.cursor-pointer.bi-text-button.sign-editor-text.bi-label.bi-text.bi-water-mark").css("border","none");

        $(".bi-multi-select-check-selected-button.bi-basic-button.cursor-pointer.bi-text-button.bi-high-light-background.count-tip.bi-label.bi-f-c.bi-f-h.v-middle.h-center").css("border","none");

        $(".bi-searcher.bi-v").css("border","none");//去除边框

        $(".bi-searcher.bi-v").css({"background":"1,30,52,1"});//设置控件本身背景

        $(".bi-popper.bi-combo.bi-v").find("input").css({"background":"rgba(1,30,52,1)","color":"#c0c0c0"});//设置控件输入框背景和字体颜色

        $(".bi-popper.bi-combo.bi-v").css("border","none");//去除边框

        $(".bi-basic-button.cursor-pointer.bi-icon-button.horizon-center.bi-trigger-icon-button.overflow-hidden.pull-down-font.trigger-icon-button").css({"background":"rgba(1,30,52,1)","border":"none"});//设置控件右侧点击按钮

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

},100)

这样试一下?

  • 5关注人数
  • 468浏览人数
  • 最后回答于:2022-7-29 09:01
    请选择关闭问题的原因
    确定 取消
    返回顶部