如何去掉控件边框

image.png

想用js取消这两种控件的边框,但是使用:

setTimeout(function() {

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

}, 100);

不能成功,请教

FineReport tshinrukk 发布于 2024-8-11 23:18
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
Z4u3z1Lv6专家互助
发布于2024-8-12 04:48
最佳回答
0
snrtuemcLv8专家互助
发布于2024-8-12 07:49

下拉框取消边框(10版本)

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)

单个控件10.0版本.CB是控件名,需要大写

setTimeout(function(){              

        $("div[widgetName=CB]").find(".fr-trigger-text").css({'border':'none'});

},100)

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

下拉框取消边框(11版本)

setTimeout(function() {

$(".x-icon").css({'background-color':'blue'});//下拉箭头块背景色

$(".bi-vertical-layout").css({'background-color':'blue'});//框内背景色

$(".bi-border").css({'border':'1px solid blue'}); //边框

$(".bi-absolute-layout").css({'background-color':'transparent'});  //控件父级设置透明   

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

}, 100)

单个控件11.0版本.CB是控件名,需要大写

setTimeout(function(){              

        $("div[widgetName=CB]").find(".bi-border").css({'border':'none'});

},100)

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

日期控件去除边框

11版本,初始化事件

setTimeout(function(){        

        $(".bi-popper.bi-combo.bi-border.bi-border-radius.bi-focus-shadow.bi-v").css({'border':'none'});

},800)

====

10版本

 setTimeout(function() {

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

}, 800)

最佳回答
0
ID1208Lv6高级互助
发布于2024-8-12 09:33

image.png

控件初始化事件

image.png

setTimeout(function(){

$(".fr-trigger-text").css("border", "none");

},100)

  • 3关注人数
  • 111浏览人数
  • 最后回答于:2024-8-12 09:33
    请选择关闭问题的原因
    确定 取消
    返回顶部