在JS事件里面怎么写CSS样式,修改下拉框选项的背景色

在JS事件里面怎么写CSS样式,修改下拉框选项的背景色,下拉框的颜色背景还是白色的,怎么写CSS样式获取类名更改下拉选项背景的颜色?

setTimeout(function(){	
        
	//以下修改文本控件、数字控件的属性	
	$(".fr-texteditor").css({"background":"rgba(0,0,0,0)","color":"#c0c0c0"});//设置背景和字体颜色
	$(".fr-texteditor").css("border","none");//去除边框

	//以下修改下拉单选控件,下拉复选控件和日期控件的属性
	$(".fr-trigger-text.fr-border-box").css({"background":"rgba(0,0,0,0)"});//设置控件本身背景
	$(".fr-trigger-text").find("input").css({"background":"rgba(0,0,0,0)","color":"#c0c0c0"});//设置控件输入框背景和字体颜色
	$(".fr-trigger-text").css({"border-color":"red","border-right-style":"none","border-bottom-left-radius":"5px","border-top-left-radius":"5px"});//去除边框
    $(".fr-trigger-btn-up").css({"background":"rgba(0,0,0,0)","border-color":"yellow","border-bottom-right-radius":"5px","border-top-right-radius":"5px"});//设置控件右侧点击按钮
	$(".fr-combo-list").css({"background-color":"rgba(0,0,0,0)"});//设置下拉框背景样式
	$(".fr-combo-list-item").css({"background-color":"rgba(0,0,0,0)"});//设置下拉框背景样式
	
},100)	


111.jpg

lanbaoping 发布于 2020-9-18 16:36 (编辑于 2020-9-18 17:54)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
zsh331Lv8专家互助
发布于2021-4-20 17:18

【表单JS实例】JS实现控件融入背景- https://bbs.fanruan.com/thread-134333-1-1.html  

——————

image.png

最佳回答
0
誓言无悔Lv6初级互助
发布于2020-9-18 16:39(编辑于 2020-9-18 17:15)
最佳回答
0
LouisLinLv4初级互助
发布于2020-9-19 12:17

CSS 修改下拉框样式-https://help.fanruan.com/finereport/doc-view-2287.html

这篇文档提供的demo是没问题的,我本地已经复现,你的问题很可能在于css的路径没有重新配置

注意::::路径里面一定要有help!!!!!

如果我的回答对你有帮助,麻烦给个最佳回答,谢谢。

企业微信截图_16004889614716.png

  • 6关注人数
  • 2833浏览人数
  • 最后回答于:2021-4-20 17:18
    请选择关闭问题的原因
    确定 取消
    返回顶部