FVS下拉框展开后悬浮字体颜色

找到了class类写进页面初始化后事件,但是预览的时候,鼠标悬浮上去,所有的行都变色了,

image.png

image.png

FineReport Scyalcire 发布于 2025-4-15 15:21
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
ScyalcireLv7中级互助
发布于2025-4-17 14:06

两段需要一起用(FVS中的下拉框)

$(document).on("mouseenter", ".bi-single-select-item", function () {  $(this).css({ "background": "#AED9FF", "color": "#2590EB", "font-size": "14px",  });}); //修改下拉框展开后悬浮字体大小、颜色、悬浮背景色

------------------

$(document).on("mouseleave", ".bi-single-select-item", function() { $(this).css({ "background": "", "color": "", "font-size": "", "text-align": "" });});//鼠标移出

最佳回答
0
yzm262751Lv1见习互助
发布于2025-4-15 15:27

要修改 FVS 下拉框展开后,鼠标悬浮时的字体颜色,可以通过自定义 CSS 来实现。请尝试以下样式代码:

.fr-combobox-item:hover {     color: red !important; }

将这段代码添加到组件的「自定义样式」中,或者在全局样式中设置,即可在鼠标悬浮下拉选项时改变字体颜色为红色。你可以根据需要将 red 替换为其他颜色值(如 #333333 或 blue)。

如果样式没有生效,请确认是否正确引用了类名,或者尝试使用浏览器的开发者工具(F12)检查实际的 DOM 结构和类名。

希望对你有帮助!

最佳回答
0
ID1208Lv6高级互助
发布于2025-4-15 15:32(编辑于 2025-4-15 15:32)

设置鼠标离开事件试试

document.getElementById('hoverElement').addEventListener('mouseenter', function() {

console.log('鼠标进入!');

// 鼠标进入时执行的代码

});

document.getElementById('hoverElement').addEventListener('mouseleave', function() {

console.log('鼠标离开!');

// 鼠标离开时执行的代码

});

  • 2关注人数
  • 38浏览人数
  • 最后回答于:2025-4-17 14:06
    请选择关闭问题的原因
    确定 取消
    返回顶部