JS实现决策报表body内下拉框属性设置(背景、圆角,字体)

JS实现决策报表body内下拉框控件属性设置(背景、圆角,字体)

FineReport 魚住 发布于 2021-8-23 16:50
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
魚住Lv7见习互助
发布于2021-8-25 15:46(编辑于 2021-9-16 08:51)

每个下拉框控件class可能有些不一样,但是还是能在F12里面找到,用如下代码:

setTimeout(function() {

$(".b-font").css({'color':'#FFFFFF'}); //箭头颜色

$(".bi-trigger").css({'box-shadow':'0px 0px 8px #979797'}); //阴影

$(".sign-editor-text").css({'font-size':'16px'}); //字号

$(".sign-editor-text").css({'color':'#FFFFFF'}); //该控件字颜色

$(".bi-trigger").css({'border':'1px solid rgb(10, 26, 62)'}); //整体边框

$(".bi-card").css({'background-color':'transparent'}); //控件整体背景色

 $(".bi-text-button").css({'background-color':'rgb(10, 26, 62)','flont':'rgb(10, 26, 62)'}); //文本框颜色

$(".bi-basic-button").css({'border-radius':'8px 8px 8px 8px'});//文本框圆角

$(".bi-trigger").css({'border-radius':'8px 8px 8px 8px'});//整体圆角

$(".bi-trigger").css({'background-color':'rgb(10, 26, 62)'}); //整体背景色

$(".x-icon").css({'background-color':'rgb(10, 26, 62)'}); //右侧底层背景色

$(".bi-trigger-icon-button").css({'background-color':'rgb(10, 26, 62)'});//右侧上层背景色

$(".bi-icon-button").css({'border-radius':'8px 8px 8px 8px'}); //右侧按钮圆角

}, 100)

效果图:

下拉框.png

  • 祈L 祈L 兄弟,你这实际效果与截图不符,而且下拉的list你也没设,还有每个下拉框控件的class是一样和你科普一下
    2021-08-25 16:23 
  • 魚住 魚住(提问者) 回复 祈L 不不不,我用谷歌浏览器上边看的class没有几个能对应的上你提供那份代码的class,当然,可能你那个代码也可以实现,还有,list可以用bi-popup-view来设置属性,不过我这边没有这个需求就没有设置而已
    2021-08-25 17:36 
最佳回答
0
陈阿大Lv5初级互助
发布于2021-8-23 16:57

可以参考这个

https://help.fanruan.com/finereport/doc-view-2125.html

最佳回答
0
snrtuemcLv8专家互助
发布于2021-8-23 17:06

setTimeout(function() {

$(".fr-trigger-text").css("border-radius","25px");//圆角

$(".fr-trigger-texteditor").css('font-weight','bold');//字体加粗

$('.fr-trigger-texteditor').css({"background-color": "red"});//背景

},100);

image.png

image.png

  • 魚住 魚住(提问者) 我也是这样写的,但是不行啊,不知道是不是安装自适应插件原因
    2021-08-23 17:13 
  • snrtuemc snrtuemc 回复 魚住(提问者) 安装自适应后,这个代码会无效的。。。
    2021-08-23 17:14 
  • snrtuemc snrtuemc 回复 魚住(提问者) 参考决策报表新自适应_JS使用-https://help.fanruan.com/finereport/doc-view-3667.html 4.29,看能不能满足
    2021-08-23 17:16 
最佳回答
0
祈LLv6中级互助
发布于2021-8-23 17:32

https://bbs.fanruan.com/wenda/question/76602.html

我之前给的CSS,如果你不想用,就搬到JS里用就可以了

  • 魚住 魚住(提问者) 有具体格式要求嘛?
    2021-08-23 18:16 
  • 祈L 祈L 回复 魚住(提问者) 格式一样的,$.(\"\").css({\"\":\"\"})
    2021-08-24 09:25 
  • 魚住 魚住(提问者) 回复 祈L 就拿其中一个来说 $(\".bi-textarea\").css(\"color: #3f8ce8\"); 没有生效呀
    2021-08-24 10:46 
  • 祈L 祈L 回复 魚住(提问者) 外部要加延迟函数,setTimeout(function(){xxx},100)
    2021-08-24 11:10 
  • 魚住 魚住(提问者) 回复 祈L setTimeout(function(){$(\".bi-textarea\").css(\"color: #3f8ce8\") },100); 方法都试过了
    2021-08-24 11:25 
  • 4关注人数
  • 1545浏览人数
  • 最后回答于:2021-9-16 08:51
    请选择关闭问题的原因
    确定 取消
    返回顶部