决策报表中用js/css改变日期控件的样式

默认是这样的7650D6F8-F454-40bf-99BF-664E07BD4874.png

我想把日期控件里的日期和那个图标颜色改成“”活动日期“”一样的蓝色，控件背景色默认是黑色的想把背景色换成决策报表一样的深蓝色，就是背景色相当于透明的那种，然后控件大概是这样的800BD803-422B-4df6-A7BF-C9080D930E6C.png有蓝色边框，有没有做过类似的js/css，求分享，谢谢
FineReport 用户d9908268 发布于 2021-6-9 16:12 （编辑于 2021-6-9 16:19）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共3回答
最佳回答
0
祈LLv6中级互助
发布于2021-6-9 16:58（编辑于 2021-8-18 17:13）

决策报表.css

决策报表新自适应.css

两个都是改了下拉框、下拉复选框、以及日期控件
举报 收起评论(1)
最佳回答
1
魚住Lv7见习互助
发布于2021-8-25 15:45

每个下拉框控件class可能有些不一样，但是还是能在F12里面找到，用如下代码：

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-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'});//子级设置阴影

}, 100)

效果图：

下拉框.png
最佳回答
0
luojian0323Lv7资深互助
发布于2021-6-9 16:13（编辑于 2021-6-9 16:27）

用的新填报预览？

image.png

插件安装后可以选择风格

image.png

image.png

参数控件风格插件com.fr.solution.theme.diversitywidgetsTEN-1.9.zip
举报 收起评论(5)
  • 用户d9908268 用户d9908268(提问者) 决策报表，pc端预览
    2021-06-09 16:14 
  • luojian0323 luojian0323 回复 用户d9908268(提问者) 但我的显示的跟你的样式 不一样，你是用了什么插件吗？
    2021-06-09 16:17 
  • 用户d9908268 用户d9908268(提问者) 回复 luojian0323 没有啊，就是用里面自带的日期控件
    2021-06-09 16:23 
  • 用户d9908268 用户d9908268(提问者) 我里面有决策报表新自适和新计算引擎这两个插件，会不会这个有影响
    2021-06-09 16:27 
  • luojian0323 luojian0323 回复 用户d9908268(提问者) 插件也不要装太多，以免冲突
    2021-06-09 16:28 
  • 6关注人数
  • 1836浏览人数
    • 最后回答于：2021-8-25 15:45
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部