深色大屏,下拉复选框,选项的背景色偏浅,要修改这个,是如何修改。已有的初始化事件如下。

初始化事件如下:

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,1,1,1)"});//设置控件本身背景

        $(".fr-trigger-text").find("input").css({"background":"rgba(1,28,47,1)","color":"#FFFFFF"});//设置控件输入框背景和字体颜色

    $(".fr-trigger-text").css("border","none");//去除边框

      $(".fr-trigger-btn-up").css({"background":"rgba(0,0,0,0)","border":"none"});//设置控件右侧点击按钮        

},100)  

image.png

冥河 发布于 2022-6-2 14:38 (编辑于 2022-6-2 14:38)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
qiqits1984Lv6中级互助
发布于2022-6-2 14:40(编辑于 2022-6-7 09:59)

setTimeout(function() {

$(".fr-trigger-text").css("background-color", "transparent");

$(".fr-trigger-text").css("border", "4");

$(".fr-trigger-text").css("border-color", "#69b3f9");

$(".fr-trigger-texteditor").css("color", "#FFFFFF");

$(".fr-trigger-texteditor").css("font-weight", "500");

$(".fr-trigger-texteditor").css("background-color", "transparent");

}, 500)

下列单选框正常,多选框不生效; 

在控件上增加 编辑结束后js代码修改元素背景样式,初始化时可能是因为没有这个 .fr-tageditor-tag

获取不到元素。

默认选择后的样式: 

$(".fr-tageditor-tag").css("background-color", "transparent"); //下列选择后的背景透明

$("#fr-tageditor-tag-select").css("background-color", "transparent"); //结果选中时的背景透明

class="fr-tageditor-tag"   点击后的样式 id="fr-tageditor-tag-select"

  • 帆软用户nf99HBUaxw 帆软用户nf99HBUaxw 请问多选框不生效,是指仅能用于单选框吗
    2022-07-04 09:17 
  • qiqits1984 qiqits1984 回复 帆软用户nf99HBUaxw 不是;指的当前样式没有初始化,延时获取、文档加载完成后获取元素,应该就可以了
    2022-07-04 10:45 
  • 2关注人数
  • 615浏览人数
  • 最后回答于:2022-6-7 09:59
    请选择关闭问题的原因
    确定 取消
    返回顶部