FineReport 11 下拉类控件 下拉框透明效果

楼主
我是社区第62530位番薯,欢迎点我头像关注我哦~

近期学习内容分享:

 

思路:利用css属性background,实现类似透明效果

CSS3:linear-gradient属性参考  https://blog.csdn.net/qq_29070549/article/details/124410257

 

类型一:下拉框+下拉复选框+下拉树(控件编辑前事件)

setTimeout(function() {
           $(".bi-v.list-view-outer.bi-card.list-view-shadow").css({"background":
                 "linear- gradient(180deg,rgba(0,145,255,0.049)0%,rgba(0,26,56,0.098)100%)","color":"white","font-size":'12px',"text-align":"center"});
         //下拉列表背景,字体颜色大小
         //180deg 向下渐变   linear-gradient(180deg,color1,color2....)
}, 10)

 

类型二:时间控件(para点击事件)

setTimeout(function() {
$(".bi-v.list-view-outer.bi-card.list-view-shadow").css({"background":"linear-gradient(180deg,rgba(0,145,255,0.049)0%,rgba(0,26,56,0.098)100%)","color":"white","font-size":'12px',"text-align":"center"});//下拉列表背景,字体颜色大小
}, 10)

 

 

opacity:整体性透明度控制,文字效果也会同时变化

--https://blog.csdn.net/catascdd/article/details/129064820

 

 

好好学习,天天向上,欢迎分享与指正。。。。。。

 

 

 

分享扩散:

沙发
发表于 2023-9-5 20:11:40
你这个方法会有闪烁的
板凳
发表于 2023-10-7 13:37:26
字体大小改不了呢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

5回帖数 2关注人数 4309浏览人数
最后回复于:2023-10-7 13:37

返回顶部 返回列表