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

附上我的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

参考：https://help.fanruan.com/finereport/doc-view-1367.html

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

把类选择器改成id选择器就行了
举报 收起评论(1)
最佳回答
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  这些改为 “ #控件名称” 的形式
举报 收起评论(1)
  • 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关注人数
  • 601浏览人数
    • 最后回答于：2022-5-21 09:28
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部