[ABI 5.1] 按钮组件设置鼠标悬停字体颜色

11665
10

18434360522 初学数据Lv2

发表于2020-10-30 15:08

悬赏1

已解决

楼主
在abi中只找到了设置鼠标悬停时的背景颜色

如果想设置鼠标悬停时的字体颜色在哪里设置呢

最近看过此主题的会员

esen_58Y0L9DELY

MYoung

esen_50RKBHQRZI

esen_4UIBLD8PRN4M

最佳答案

xxxl

发表于2020-10-30 15:08

只看该作者

取消 关注该作者的回复

本帖最后由 xxxl 于 2020-10-30 17:40 编辑

您新建一个报表直接装入我发的文件试试
关贴总结:

需要写脚本来完成这个需求在客户端脚本中写
  1. var button=$("div[id^='WidgetParamButton14']")//WidgetParamButton14请通过f12定位到按钮确定id
  2. var span=$("div[id^='WidgetParamButton14'] span")
  3. //悬停颜色
  4. button.mouseenter(function(){
  5.   span.css("color","red");
  6. });
  7. //离开后颜色
  8. button.mouseleave(function(){
  9.   span.css("color","blue");
  10. });
  11. 复制代码
复制代码

拾取WidgetParamButton14的方法是再结果页中f12打开开发人员工具
找到按钮的id






10个回答

只看楼主

xxxl 数据领袖Lv6

发表于2020-10-30 15:36

只看该作者

取消 关注该作者的回复

沙发

这个得写脚本来做,
把以下脚本放在,客户端脚本中


  1. var button=$("div[id^='WidgetParamButton14']")//WidgetParamButton14请通过f12定位到按钮确定id
  2. var span=$("div[id^='WidgetParamButton14'] span")
  3. //悬停颜色
  4. button.mouseenter(function(){
  5.   span.css("color","red");
  6. });
  7. //离开后颜色
  8. button.mouseleave(function(){
  9.   span.css("color","blue");
  10. });
复制代码


18434360522 初学数据Lv2

发表于2020-10-30 17:03

只看该作者

取消 关注该作者的回复

板凳

请教一下如何找id(截图如下)

xxxl 数据领袖Lv6

发表于2020-10-30 17:04

只看该作者

取消 关注该作者的回复

地板

18434360522 发表于 2020-10-30 17:03
请教一下如何找id(截图如下)

您选取的span标签外层容器id就是的了

18434360522 初学数据Lv2

发表于2020-10-30 17:13

只看该作者

取消 关注该作者的回复

5#

我用的abi52版本没有生效,是不支持么

xxxl 数据领袖Lv6

发表于2020-10-30 17:15

只看该作者

取消 关注该作者的回复

6#

18434360522 发表于 2020-10-30 17:13
我用的abi52版本没有生效,是不支持么

看看您代码怎么写的

xxxl 数据领袖Lv6

发表于2020-10-30 17:25

只看该作者

取消 关注该作者的回复

7#

我做了一个例子,您可以直接解压这个文件,然后再报表中这里装入 悬停字体颜色事件.rar (1.57 KB, 下载次数: )



18434360522 初学数据Lv2

发表于2020-10-30 17:26

只看该作者

取消 关注该作者的回复

8#

填写脚本如下截图

xxxl 数据领袖Lv6

发表于2020-10-30 15:08

只看该作者

取消 关注该作者的回复

9#

本帖最后由 xxxl 于 2020-10-30 17:40 编辑


您新建一个报表直接装入我发的文件试试
关贴总结:

需要写脚本来完成这个需求在客户端脚本中写
  1. var button=$("div[id^='WidgetParamButton14']")//WidgetParamButton14请通过f12定位到按钮确定id
  2. var span=$("div[id^='WidgetParamButton14'] span")
  3. //悬停颜色
  4. button.mouseenter(function(){
  5.   span.css("color","red");
  6. });
  7. //离开后颜色
  8. button.mouseleave(function(){
  9.   span.css("color","blue");
  10. });
  11. 复制代码
复制代码

拾取WidgetParamButton14的方法是再结果页中f12打开开发人员工具
找到按钮的id






18434360522 初学数据Lv2

发表于2020-10-30 17:35

只看该作者

取消 关注该作者的回复

10#

xxxl 发表于 2020-10-30 17:25
我做了一个例子,您可以直接解压这个文件,然后再报表中这里装入

发现我脚本写错了,刚的color属性写成了代码

xxxl 数据领袖Lv6

发表于2020-10-30 17:40

只看该作者

取消 关注该作者的回复

11#

18434360522 发表于 2020-10-30 17:35
发现我脚本写错了,刚的color属性写成了代码

嗯嗯

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号