table去除鼠标悬停hover效果

    网上有很多“table如何增加鼠标悬停效果”的这种帖子,无非就是加hover。但是我现在遇到了一个问题,我在项目中创建了干干净净的一个table,发现它居然是有鼠标悬停效果的,我猜估计是有一个全局的table样式起作用了,因为我当前的页面是通过seajs加上header,footer和左边的nav菜单构建起来的,可能会有一个我看不到的common.css。

    现在问题就是,我无法修改全局的table样式(也找不到),那么我该如何把hover取消呢。因为有的纯粹就是以表格的方式来展示地址啊姓名什么的,而不是为了点选某一行什么的。

    解决方法就是,在js中添加

$(function () {
        $('.mytable tr').css("background-color","#eeeeee");
    });
这样hover样式就去无踪了。是根据这个 https://segmentfault.com/q/1010000006820859得到的启发:

有个人问:

如下代码,鼠标移上去行怎么没有变色?




    
    无标题文档
    
    
    


k看电话费欧非佛尔
k看电话费欧非佛尔

别人回答:

table去除鼠标悬停hover效果_第1张图片

你用js把原有的hover给覆盖了,你可以直接用css写,考虑兼容性的话就都用js写。

优先级的问题,css属性是在页面dom渲染时同时完成。js的样式重新定义在css加载之后对样式进行了修改,相当于直接在元素本身上新加了样式定义。因此hover样式没有加载。

你可能感兴趣的:(table去除鼠标悬停hover效果)