网上有很多“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得到的启发:
有个人问:
如下代码,鼠标移上去行怎么没有变色?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmln