修改下拉框颜色 - 我的帆软

修改下拉框颜色

将下拉框得颜色修改为透明，css怎么写，并且白色得倒三角改为灰色系。请大佬帮忙

FineReport 柒年呀 发布于 2021-1-27 16:23 （编辑于 2021-1-27 16:24）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共5回答

最佳回答

ScyalcireLv7中级互助
发布于2021-1-27 16:26（编辑于 2021-1-27 16:27）

https://bbs.fanruan.com/thread-133740-1-1.html

看下这个，原本是在帮助文档的近期JS和CSS的文档都移到了论坛

举报收起评论(1)

柒年呀(提问者) 好的，非常感谢~

2021-01-27 17:02

LitleBaiLv5初级互助
发布于2021-1-27 17:50

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)

举报收起评论(1)

柒年呀(提问者) 铁汁，非常感谢。

2021-01-28 16:04

krystal033Lv7高级互助
发布于2021-1-27 16:25（编辑于 2021-1-27 16:25）

https://help.fanruan.com/finereport/doc-view-1367.html FineReport 控件的 CSS 样式

举报收起评论(2)

柒年呀(提问者) 这个我已经参考了，F12找到它的选择器，修改了颜色但是没起作用。所以求大神帮忙看一下这个下拉按钮得选择器是哪个，改了之后会不会起作用

2021-01-27 16:27

柒年呀(提问者) 非常感谢~

2021-01-27 17:03

CD20160914Lv8专家互助
发布于2021-1-27 16:55

下拉框样式.cpt

倒三角这个不知道如何弄。。。我也是百度的。。

举报收起评论(1)

柒年呀(提问者) 好的，非常感谢~

2021-01-27 17:02

shirokoLv6资深互助
发布于2021-1-27 16:57

$("div.fr-trigger-text.fr-border-box").css("border","0px");
$("input.fr-trigger-texteditor").css("background","transparent");
$("div.fr-trigger-text.fr-border-box").css("background","transparent");
$("div.fr-trigger-btn-up ").css("background","transparent");
$("div.fr-trigger-btn-up ").css("border","0px");

小三角是一个图片，所以你得有一个灰色小三角图片的链接来替换才行。

$("div.fr-trigger-center").css("background","url('你的图片链接')")

举报收起评论(1)

柒年呀(提问者) 好的，非常感谢~

2021-01-27 17:03

6关注人数

751浏览人数

最后回答于：2021-1-27 17:50

活动推荐更多

热门课程更多

请选择关闭问题的原因

确定取消

提问

悬赏者（2）

撤回悬赏（2）

添加悬赏

请选择关闭问题的原因