控件背景色改变

1、body设置的背景色,参数栏没设置背景色。

2、打开也页面和点击查询按钮,我的日期控件就变成了body的背景色了,

3、怎么调整不让body背景色穿透上控件里面

如下图:

image.png

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

这不会的

难道你是js语句设置的背景色?

  • 小城 小城(提问者) 只是在body上设置了背景色,参数面板啥也没设置,控件也是原始的,但是阅览的时候控件上居然有body的颜色
    2024-05-24 11:35 
  • snrtuemc snrtuemc 回复 小城(提问者) 难道bug了,重启下看看,可以的话升级最新版试试
    2024-05-24 11:39 
最佳回答
0
ID1208Lv6高级互助
发布于2024-5-23 16:38

body和参数栏是独立互不影响的,是怎么设置的?

  • 小城 小城(提问者) 只是在body上设置了背景色,参数面板啥也没设置,控件也是原始的,但是阅览的时候控件上居然有body的颜色
    2024-05-24 11:35 
最佳回答
0
free_zzLv6中级互助
发布于2024-5-23 16:41

你看下你的参数面板,初始化事件里是不是有设置背景色

最佳回答
0
啊嘞嘞Lv5见习互助
发布于2024-5-23 16:48(编辑于 2024-5-23 16:53)

image.png

点击控制面板,添加事件

image.png

//红色

var red = "#FF0000";

//深红色

var dark_red = "#ac0303";

//绿色

var green = "#00aa4d";

//深绿色

var dark_green = "#037938";

//浅绿色-前

var pale_green_before = "#77edac";

//浅绿色-后

var pale_green_after = "#49a370";

//白色

var write = "#fff";

setTimeout(function() {

//年份初始化

$("div[widgetname=YEAR]").find("div[class=fr-trigger-btn-up]").css('background', green);

//年份点击

$("div[widgetname=YEAR]").find("div[class=fr-trigger-btn-up]").click(function() {

setTimeout(function() {

//日期选择边框

$("div[widgetname=datepicker]").find("table").css({

"border": green

});

//日期选择上

$("div[widgetname=datepicker]").find("thead").find("td").css({

"background-color": pale_green_before,

"border-bottom": pale_green_before

});

$("div[widgetname=datepicker]").find("thead").find("td.btn").mousemove(function() {

$("div[widgetname=datepicker]").find("thead").find("td.btn.hover").css({

"background-color": pale_green_after,

"border-bottom": pale_green_before,

"border": green

})

});

$("div[widgetname=datepicker]").find("thead").find("td.btn").mouseout(function() {

$("div[widgetname=datepicker]").find("thead").find("td.btn").css({

"background-color": pale_green_before,

"border-bottom": pale_green_before

});

});

//日期选择下

$("div[widgetname=datepicker]").find("tfoot").find("td").css({

"border-top": pale_green_before,

"background-color": pale_green_before

});

$("div[widgetname=datepicker]").find("tfoot").find("td").mousemove(function() {

$("div[widgetname=datepicker]").find("tfoot").find("td.btn.hover").css({

"background-color": pale_green_after,

"border-bottom": pale_green_before,

"border": green

});

});

$("div[widgetname=datepicker]").find("tfoot").find("td").mouseout(function() {

$("div[widgetname=datepicker]").find("tfoot").find("td.btn").css({

"background-color": pale_green_before,

"border-bottom": pale_green_before

});

});

//日期选择中

$(".selected").css({

"color": write,

"background": green,

"border": green

});

}, 10);

});

//鼠标移入移出-查询控件

$("div[widgetname=FORMSUBMIT0]").find("div[id=fr-btn-FORMSUBMIT0]").mousemove(function() {

$("div[widgetname=FORMSUBMIT0]").find("div[id=fr-btn-FORMSUBMIT0]").css("background", dark_green);

});

$("div[widgetname=FORMSUBMIT0]").find("div[id=fr-btn-FORMSUBMIT0]").mouseout(function() {

$("div[widgetname=FORMSUBMIT0]").find("div[id=fr-btn-FORMSUBMIT0]").css("background", green);

});

//鼠标移入移出-年

$("div[widgetname=YEAR]").find("div[class=fr-trigger-btn-up]").mousemove(function() {

$("div[widgetname=YEAR]").find("div[class=fr-trigger-btn-over]").css('background', dark_green);

});

$("div[widgetname=YEAR]").find("div[class=fr-trigger-btn-up]").mouseout(function() {

$("div[widgetname=YEAR]").find("div[class=fr-trigger-btn-up]").css('background', green);

});

}, 5);

反正差不多都是这样区找元素,改属性。image.png

image.pngimage.png

image.png

  • 5关注人数
  • 168浏览人数
  • 最后回答于:2024-5-23 16:53
    请选择关闭问题的原因
    确定 取消
    返回顶部