CSS修改控件样式

image.png

image.png如何在JS中修改这个日期控件和下拉框控件使得他们透明,但是弹框保持原样

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

11版本下拉框样式

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)

==============

image.png

  • LOE LOE(提问者) 报错显示:SyntaxError. missing ) after argument list 这是我的代码:setTimeout(function() { $(\".bi-searcher.bi-v\").css({\"background\":\"blue\"} },100) 请问是哪里出问题了吗
    2023-05-18 08:55 
  • LOE LOE(提问者) 您好,请问可以发下日期控件的吗
    2023-05-18 11:19 
  • snrtuemc snrtuemc 回复 LOE(提问者) 日期控件,不知道你改什么,属性是这些,看修改答案
    2023-05-18 11:23 
  • LOE LOE(提问者) 回复 snrtuemc 我研究出来了,谢谢
    2023-05-18 11:51 
最佳回答
0
YmengLv5中级互助
发布于2023-5-18 09:34

image.png

  • LOE LOE(提问者) 还真是,谢谢,但是为啥我写transparent预览没效果呀
    2023-05-18 11:04 
  • Ymeng Ymeng 回复 LOE(提问者) 改成 none 吧,none表示没有背景,也是透明的
    2023-05-18 11:15 
  • LOE LOE(提问者) 回复 Ymeng 我研究出来了,谢谢
    2023-05-18 11:51 
  • 2关注人数
  • 717浏览人数
  • 最后回答于:2023-5-18 11:23
    请选择关闭问题的原因
    确定 取消
    返回顶部