设置了js还是改不了控件样式

image.png

image.png

//日期控件样式

setTimeout(function(){

$(".report-main-parameter-container-controller-datetime").css("border","none");

$(".report-main-parameter-container-controller-datetime").css("color","white");

$(".report-main-parameter-container-controller-datetime").css("background","rgba(0,0,0,0)");

$(".bi-border").css("border","none");

$(".report-main-parameter-container-controller-combo").css("background","rgba(0,0,0,0)");

$(".report-main-parameter-container-controller-combo").css("color","white");

$(".report-main-parameter-container-controller-combo").css("color","white");

},100)

FineReport 用户52076492 发布于 2022-10-27 09:19
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
snrtuemcLv8专家互助
发布于2023-4-29 11:27

新自适应插件,下拉框样式

setTimeout(function() {//$(".bi-text-button").css({'background-color':'#032466','flont':'#FF0000'});

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

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

$(".bi-text").css({'color':'#FFFFFF'}); //文本颜色

$(".bi-text").css({'font-size':'15px'}); //字体大小

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

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

$(".bi-border").css({'border-radius':'18px 18px 18px 18px'}); //边框圆角

$(".x-icon").css({'border-radius':'18px 18px 18px 18px'}); //下拉箭头块圆角

$(".bi-vertical-layout").css({'border-radius':'18px 18px 18px 18px'});//子级圆角

$(".bi-vertical-layout").css({'box-shadow':'0px 0px 10px #FFFFFF'});//子级设置阴影

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

}, 100)

最佳回答
0
CD20160914Lv8专家互助
发布于2022-10-27 09:22

应该是这样吧?

setTimeout(function(){

$('.fr-label').css('color','#2B3542');//标签字体颜色

$(".fr-texteditor").css("border","1px solid #FFFFFF"); //文本数字框边框

$('.fr-texteditor').css('background','#FFFFFF');//文本数字框背景

$('.fr-texteditor').css('color','#2B3542');//文本数字框字体颜色

$("input.fr-texteditor").css("border-radius","5px");  //文本数字框圆角

$('.fr-btn-text').css('color','#F1F6FF'); //按钮字体颜色

$('.fr-btn-text').css('font-size','12px');//按钮字体大小

$('.fr-btn-up').css('background','#84BBFF');//按钮背景颜色

$('.fr-btn-up').css('border-radius','5px');//按钮圆角

$('.fr-radio-radioon').css('color','#2B3542'); //单选按钮选中字体颜色

$('.fr-radio-radiooff').css('color','#2B3542'); //单选按钮未选中字体颜色

$('.fr-checkbox-checkon').css('color','#2B3542');//复选按钮选中字体颜色

$('.fr-checkbox-checkoff').css('color','#2B3542');//复选按钮未选中字体颜色

},200);

  • 3关注人数
  • 299浏览人数
  • 最后回答于:2023-4-29 11:27
    请选择关闭问题的原因
    确定 取消
    返回顶部