You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让IG中动态图标按钮hover时显示手型光标?

解决Interactive Grid图标按钮hover无手型光标的问题

你可以通过两种方式快速解决这个问题:

方法1:直接添加内联样式

在图标容器元素里加上style="cursor: pointer;"属性,强制设置鼠标悬停时的光标样式,修改后的代码如下:

<span title="" aria-label="" data-requestid="&EMP_NO!ATTR." class="t-Button t-Button--icon increase-sal-btn" style="cursor: pointer;">
  <span aria-hidden="true" class="t-Icon fa fa-times-circle-o u-color-3-text"></span>
</span>

方法2:使用APEX内置CSS类

Oracle APEX自带u-pointer类,专门用来设置手型光标,直接把这个类加到元素的class列表里即可,无需自定义样式:

<span title="" aria-label="" data-requestid="&EMP_NO!ATTR." class="t-Button t-Button--icon increase-sal-btn u-pointer">
  <span aria-hidden="true" class="t-Icon fa fa-times-circle-o u-color-3-text"></span>
</span>

补充说明

原生<button>标签会被浏览器默认赋予cursor: pointer样式,你移除button标签后,这个默认样式随之消失,所以需要手动补充光标样式。两种方法都能解决问题,更推荐方法2,符合APEX的样式规范,也更便于后续维护。

内容的提问来源于stack exchange,提问作者Velocity

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 16:12:37