决策报表怎么修改下拉框按钮的颜色

image.png

怎么修改下拉框按钮里这个白色三角形为其他颜色

FineReport 用户C7657290 发布于 2024-4-23 09:09
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
用户k6280494Lv6资深互助
发布于2024-4-23 09:14
最佳回答
0
华莉星宸Lv6高级互助
发布于2024-4-23 09:14

复制大神写的

参考

新自适应下,下拉框样式

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
snrtuemcLv8专家互助
发布于2024-4-23 09:18

这个按钮三角行没法修改背景色,是个图片,你可以替换

下拉框下拉按钮图片替换,图片放到对应目录下,控件初始化事件

setTimeout(function() {

$('.fr-trigger-center').css({

'height': '20px',

'margin-top': 0,

'background-image': "url('/webroot/help/picture/dropDown.png')",

'background-size': '20px 20px'

})

}, 100)

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