JS修改下拉框鼠标悬浮颜色

当鼠标移动到下拉框的选项中,怎么通过JS修改鼠标悬浮时的字体颜色image.png

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

"use document";

setInterval(function() {

$('.bi-v-tape').css({

  'background-color': '#ffffff',//下拉框背景色

  'color': '#000000',//下拉框字体色

  'font-size': '14px' //下拉框字体大小

 })

}, 200)

$(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": ""  });

});//鼠标移出

image.png

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

以上三段代码直接复制到初始化事件里面

image.png

最佳回答
0
华莉星宸Lv7资深互助
发布于6 天前
最佳回答
0
snrtuemcLv8专家互助
发布于6 天前

试试

下拉框展开后悬浮字体颜色,两段需要一起用()

$(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": "" });});//鼠标移出

  • 4关注人数
  • 47浏览人数
  • 最后回答于:6 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部