请教一下,怎么单独修改某一个下拉框的样式?

附上我的css,怎么把这个修改成单独某个下拉框的样式,显示结果如下图,放在初始化后就把所有的下拉框都给修改了

setTimeout(function(){

$(".report-main-parameter-container-controller-combo .bi-border").css({"border-color":"#0091ff","border-radius":"6px","background-color":"#dae9ff"})

$(".report-main-parameter-container-controller-combo .bi-icon-button").css("color", "#0091ff");

},300)

22.png

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

控件没有id属性

一般通过widgetname来确定某一个控件

image.png

最佳回答
0
yzm203528Lv5初级互助
发布于2021-11-24 11:38
  • Lixiaoyu1128 Lixiaoyu1128(提问者) 安装了新自适应插件,我上面附的那个css可以修改,就是不太知道怎么将单个给修改了,初始化事件后,三个下拉框全部都修改了
    2021-11-24 15:36 
最佳回答
0
用户P2567185Lv2见习互助
发布于2021-11-24 11:39

把类选择器改成id选择器就行了

最佳回答
0
LTC朝Lv6高级互助
发布于2021-11-24 13:28(编辑于 2021-11-24 13:29)

改变下拉框外观

setInterval(function(){

//下拉框向下箭头的背景色

$(".fr-trigger-btn-up").css("background", "#A2A2BA").css("border", "0px solid #FDC11D");

//下拉框打开前字体颜色

$(".fr-trigger-texteditor").css("color", "#323F53").css("background", "#ffffff");

//打开前边框设置

$(".fr-trigger-text").css("border", "0px solid #1130d4");

//下拉框字体

$(".fr-combo-list").css("font-family", "阿里巴巴普惠体").css("color", "#4488EF");

//下拉框外部边框

$(".fr-combo-list").css("border", "0.5px solid #E3E6ED").css('border-radius', '2px').css("background", "#ffffff");

//下拉框 选中 边框

$(".fr-datepicker tbody td.selected").css("border", "0px solid #1B1B1C").css('border-radius', '1px');

},100)

上面的 .fr-combo-list  这些改为 “ #控件名称” 的形式

  • Lixiaoyu1128 Lixiaoyu1128(提问者) 我们这安装了新自适应插件,我上面附的那个css可以修改,就是不太知道怎么将单个给修改了,初始化事件后,三个下拉框全部都修改了
    2021-11-24 15:37 
最佳回答
0
用户h5013262Lv3见习互助
发布于2022-5-21 09:28

添加eq选择器,自己看看是哪个子代,你三个下拉框分别为eq(0),eq(1),eq(2), $('.fr-trigger-texteditor').eq(0).css({"border-color":"#0091ff","border-radius":"6px","background-color":"#dae9ff"})

image.png

  • 7关注人数
  • 633浏览人数
  • 最后回答于:2022-5-21 09:28
    请选择关闭问题的原因
    确定 取消
    返回顶部