关于tr:hover变色的问题

最近在给table里面的tr标签添加高亮背景色显示的时候，遇到一个坑，HTML结构如下：

<tr><td></td><td></td><td></td><td></td></tr>

想要给tr标签添加一个鼠标滑过背景样式，但是td的样式会覆盖掉tr的样式，

需要特别处理一下：

tr:hover{background-color: #ccc;}tr:hover td{background: none;}

问题解决。

转载于:https://www.cnblogs.com/aliwa/p/8510612.html

关于tr:hover变色的问题相关推荐

表格划过变色之tr:hover无效，td:hover有效解决方法
首先IE6不支持非A标签的伪类,这里不考虑IE6,,html代码如下: <table width="16%" border="0" cellpadding ...
layui中去掉表格的hover变色
layui中移除表格的hover变色将样式设置为透明色即可解决 .layui-table tbody tr:hover, .layui-table tr, .layui-table-click, . ...
css鼠标经过table文字变色,有没有可能用css实现当table被鼠标hover的时候，table列变色？...
正常情况下,table上鼠标hover,我们可以实现tr行变色,那列呢?有没有可能实现列变色? 可以的.演示地址 http://codepen.io/rainyjune/p- 代码来自: https: ...
css hover tr背景色
.monTbale {tr:hover{background-color :rgb(240, 238, 238) ;}}
jQuery练习---- 超简单的表格悬停变色Demo
<html> <head> <meta http-equiv="Content-Type" content="text/html;chars ...
java鼠标经过时变色_鼠标经过时单元格变色
鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...
汇总常用的jQuery操作Table tr td方法
2019独角兽企业重金招聘Python工程师标准>>> 1.鼠标移动行变色方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二 ...
表格css样式 ——表格背景，隔行变色，触摸表格变色
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.表格背景二.隔行变色三.触摸表格行变色总结前言我来给大家讲解一下提示:以下是本篇文章正文内容,下面案例 ...
隔行换色并且鼠标指向行变色的表格
一应用对于一些清单型数据,通常是利用表格展示到页面中.如果数据比较多,很容易看串行.这时,可以为表格添加隔行换色并且鼠标指向行变色功能. 二代码 <script language=&quo ...

关于tr:hover变色的问题

关于tr:hover变色的问题相关推荐

最新文章

热门文章