FRV10版本的下拉框的样式怎么用js改成想要的样式

V10:下拉框控件image.png想要的式样是:image.png

FineReport yunliwuli 发布于 2022-7-28 17:15
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
2
snrtuemcLv8专家互助
发布于2022-7-28 17:17(编辑于 2022-7-28 17:18)

改变下拉框外观

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)

===========

下拉框圆角,按钮颜色

setTimeout(function() {

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

$(".fr-trigger-editor.ui-state-enabled").css("border-radius","25px");

$(".fr-trigger-btn-up").css("background-color","red")

},100);

  • yunliwuli yunliwuli(提问者) 老师,能实现我想要的效果吗,右侧的那个蓝色色块是白色,那个白色小三角换个别的颜色也行。主要是想右侧的蓝色变没,还能显示那个三角。要不然看不出来那个白色的三角了。
    2022-07-28 17:59 
  • yunliwuli yunliwuli(提问者) 安装了新自适应插件解决了。
    2022-07-29 13:24 
最佳回答
0
帆软用户BgY7D4i1XhLv3见习互助
发布于2022-7-28 17:17
最佳回答
0
好好生活好好学习Lv7资深互助
发布于2022-7-28 17:18
  • 4关注人数
  • 369浏览人数
  • 最后回答于:2022-7-28 17:18
    请选择关闭问题的原因
    确定 取消
    返回顶部