frm文件中修改控件样式

image.png

如图想要将样式调整为这个样式需要怎么修改,css代码应该怎么输出怎么引用呢,第一次改这个,不太了解,求助

FineReport 职业小白 发布于 2022-3-23 15:39
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
1
CD20160914Lv8专家互助
发布于2022-3-23 16:07

setTimeout(function(){

//text属性

$(".fr-texteditor").css("border","1px solid rgba(142,191,254,1)"); //文本框的边框

$("input.fr-texteditor").css("border-radius","5px");  //弧度

$(".fr-texteditor").css("background","rgba(255,255,255,1)");  //背景色

//button属性

$("div#fr-btn-SEARCH.fr-btn-up.fr-btn-noicon").css("border-radius","5px");

$("div#fr-btn-SEARCH.fr-btn-up.fr-btn-noicon").css("background","rgba(50,150,245,1)");

$("div#fr-btn-SEARCH.fr-btn-up.fr-btn-noicon").css("height","25.5px");

$("div#fr-btn-SEARCH.fr-btn-up.fr-btn-noicon").css("width","100px");

//下拉多选属性

$(".fr-trigger-editor").css("height","25.5px");

$(".fr-trigger-editor").css("width","126px");

$(".fr-trigger-text").css("border","1px solid rgba(142,191,254,1)");//下拉框的边框线

$(".fr-trigger-text").css("border-radius","5px");

$(".fr-trigger-text").css("background","rgba(255,255,255,1)");

$(".fr-trigger-text").css("height","25.5px");

$(".fr-trigger-text").css("width","126px");

$(".fr-trigger-texteditor").css("border-radius","5px");

$(".fr-trigger-texteditor").css("background","rgba(255,255,255,1)");

$(".fr-trigger-texteditor").css("height","22.5px");

$(".fr-trigger-texteditor").css("width","126px"); 

$(".fr-trigger-btn-up").css("position","absolute");

$(".fr-trigger-btn-up").css("left","102px");

$(".fr-trigger-btn-up").css("width","22.5px");

$(".fr-trigger-btn-up").css("height","22.5px");

//$(".fr-trigger-btn-up").css("border-radius","6px");

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

$(".fr-trigger-btn-up").css("background","none");

$(".pmeter-container").css("width","1920px");

$(".fr-trigger-btn-over").css("background","none");

$(".fr-trigger-center").css("width","0");

$(".fr-trigger-center").css("height","0");

$(".fr-trigger-center").css("margin-top","9px");

$(".fr-trigger-center").css("border-top","9px solid #3296F5");

$(".fr-trigger-center").css("border-left","8px solid transparent");

$(".fr-trigger-center").css("border-right","8px solid transparent");

$(".fr-trigger-btn-up ").css("background","none");

//$(".fr-date-trigger-center ").css("margin-top","7px");

$(".fr-date-trigger-center ").css("position","absolute");

//$(".fr-date-trigger-center ").css("margin-left","4px");

$(".fr-date-trigger-center ").css("width","14px");

$(".fr-date-trigger-center ").css("height","14px");

$(".fr-date-trigger-center ").css("border-radius","1px");

$(".fr-date-trigger-center ").css("border","solid 1px #3296F5");

},270)

一个个去测试。。。。。

image.png

  • 职业小白 职业小白(提问者) 这个是直接放到css文件里,然后在决策报表中引用就可以吗
    2022-03-23 16:09 
  • CD20160914 CD20160914 回复 职业小白(提问者) 点击参数栏。。。然后事件》初始化后。。。。。把代码放进去。。
    2022-03-23 16:50 
最佳回答
0
snrtuemcLv8专家互助
发布于2022-3-23 15:40
  • 职业小白 职业小白(提问者) 看了这个,但是还是不太会使用,大佬能不能指导下
    2022-03-23 15:57 
  • 3关注人数
  • 439浏览人数
  • 最后回答于:2022-3-23 16:07
    请选择关闭问题的原因
    确定 取消
    返回顶部