五个按钮控件都是一样的class，我想只选中其中一个控件并导入css怎么做？

上面是其中两个按钮在F12里的代码。

然后我在控件-事件-初始化导入了css：

$('').appendTo('head');

css如下：

.fr-widget-click{

border:solid 1px white !important;

background: #833C0B !important;

border-radius: 20px !important;

overflow: hidden !important;

color: white;

}

fr-widget-click为5个按钮控件div共同拥有的所以只能统一设置。

我想实现一个效果就是，点击某个按钮后按钮变色，在页面刷新后这个按钮依旧保持变色，其他按钮颜色不变。

FineReport 用户H1510891 发布于 2021-3-11 17:34 （编辑于 2021-3-11 17:40）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

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

共3回答

最佳回答

shirokoLv6资深互助
发布于2021-9-24 17:06

通过父元素去限定。

比如你截图里的第一个

[widgetname=SSR_BTN] > .fr-widget-click{

border:solid 1px white !important;

background: #833C0B !important;

border-radius: 20px !important;

overflow: hidden !important;

color: white;

}

烟尘Lv6高级互助
发布于2021-3-11 17:36

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

举报收起评论(1)

用户H1510891(提问者) 他们的class都是一样的呀，怎么选中某一个呢

2021-03-11 17:38

snrtuemcLv8专家互助
发布于2021-3-12 08:30

如果只是控制按钮点击后颜色，不需要刷新后的保持原来颜色的话，直接使用按钮自带属性

刷新保持点击后背景色，好像js+Css也很难控制

4关注人数

407浏览人数

最后回答于：2021-9-24 17:06

活动推荐更多

热门课程更多

FineBI6.X零基础入门
免费学习

请选择关闭问题的原因

确定取消

提问

悬赏者（2）

撤回悬赏（2）

添加悬赏

请选择关闭问题的原因