我想让下拉框的底色变色

image.pngimage.png实现这种效果

FineReport SJC0409 发布于 2021-11-9 14:15
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
free_zzLv6中级互助
发布于2021-11-9 14:26(编辑于 2021-11-9 14:31)

image.png

image.png

setTimeout(function() {

  $('.fr-trigger-btn-up').css({"background-color": "#0c396c" });

 $('.fr-trigger-texteditor').css("background-color","#0c396c");

 $(".fr-trigger-text").css("border", "1px solid #d13dbd");

 $(".fr-trigger-btn-up").css("border", "1px solid #d13dbd");

}, 100);

最佳回答
0
snrtuemcLv8专家互助
发布于2021-11-9 14:17

改变下拉框外观

setInterval(function(){

//下拉框向下箭头的背景色

$(".fr-trigger-btn-up").css("background", "#A2A2BA").css("border", "0px solid #FDC11D");

//下拉框打开前字体颜色

$(".fr-trigger-texteditor").css("color", "#323F53").css("background", "#ffffff");

//打开前边框设置

$(".fr-trigger-text").css("border", "0px solid #1130d4");

//下拉框字体

$(".fr-combo-list").css("font-family", "阿里巴巴普惠体").css("color", "#4488EF");

//下拉框外部边框

$(".fr-combo-list").css("border", "0.5px solid #E3E6ED").css('border-radius', '2px').css("background", "#ffffff");

//下拉框 选中 边框

$(".fr-datepicker tbody td.selected").css("border", "0px solid #1B1B1C").css('border-radius', '1px');

},100)

最佳回答
0
kjp123Lv5见习互助
发布于2021-11-9 15:03(编辑于 2021-11-9 15:08)

image.png

  1. 参数面板颜色调一下

    image.png

2.给控件添加初始化事件

setTimeout(function() {

  $('.fr-trigger-btn-up').css({"background-color": "#0c396c" });

 $('.fr-trigger-texteditor').css("background-color","#0c396c");

 $(".fr-trigger-text").css("border", "1px solid #06688a");

 $(".fr-trigger-btn-up").css("border", "1px solid #06688a");

 $('.fr-trigger-texteditor').css({"color":"#FFFFFF"});

}, 100);

最佳回答
0
LazySheepLv7高级互助
发布于2022-5-5 13:05
  • 6关注人数
  • 766浏览人数
  • 最后回答于:2022-5-5 13:05
    请选择关闭问题的原因
    确定 取消
    返回顶部