鼠标悬停在HTML-TABLE的某一行上改变这一行的背景颜色

主要CSS代码:

    #table1 tbody tr:hover {background-color: yellow;}

解释: ID为table1的table里的tbody里的tr的hover时,背景颜色改为:yellow 黄色...

主要是: tr:hover{ background-color: yellow; } 这一段...

完整代码:

<style>#table1 tbody tr:hover {background-color: yellow;}
</style><table id="table1" border="1" width="100%">
<thead><tr><th>日期</th><th>供应商名称</th><th>品牌</th><th>品线</th><th>品类</th></tr>
</thead>
<tbody id="tbody1"><tr><th>日期</th><th>供应商名称</th><th>品牌</th><th>品线</th><th>品类</th></tr><tr><th>日期</th><th>供应商名称</th><th>品牌</th><th>品线</th><th>品类</th></tr>
</tbody>
</table>

样式效果:

鼠标悬停在HTML-TABLE的某一行上改变这一行的背景颜色相关推荐

html js鼠标悬停事件,鼠标悬停在轴标签d3.js javascript上的事件
有没有人知道是否有可能在y轴标签上有鼠标悬停事件? 例如,我在下面有一个散点图. y轴上的标签是"area1","area2"和"area3" ...
html鼠标悬停区域拉伸,html – ：将鼠标悬停在具有边框半径的div上
这里的问题是子元素不继承父元素的border-radius.有两种方法可以实现您想要的:您可以将子元素的border-radius设置为匹配或大于父元素的radius,或者将父元素的overflow属 ...
鼠标移动改变Datagrid行的背景颜色
protected void dgSjygl_ItemDataBound(object sender, DataGridItemEventArgs e) { if ((e.It ...
Selenium3自动化测试——5. 鼠标悬停操作
1. 实现目标将鼠标悬停在百度首页的设置按钮上. 2. 实现代码 from selenium import webdriver#引入ActionChains类 from selenium.webdr ...
JS实现奇偶行变色，鼠标滑上改变颜色，离开恢复颜色
JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色 css 奇偶行变色是通过 li:nth(odd) 和 li:nth(even) 实现的,鼠标滑上改变颜色,离开恢复颜色是通过 :hover 实现的 ...
关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改，添加fixed后颜色又出现问题
table 鼠标悬停时高亮背景颜色的修改 .el-table tbody tr:hover>td { background-color: #颜色 } 或 .el-table__body-wrap ...
Bootstrap3 表格-鼠标悬停
通过添加 .table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应. <table class="table table-hover" ...
js,jq表格/文本内容溢出，用三个点替代，鼠标悬停时显示全部内容
项目中遇到如果表格内容太多的话页面会很丑,所以想到给表格一个最大宽度之类的,当内容超出时用三个点代替超出的部分,当鼠标悬停时显示全部的信息,下面百度到两个案例,都可以实现: 1.在表格下面在添加一模一 ...
【JavaWeb】TableDemo 表格隔行显色+鼠标悬停高亮显示
[普通表格-非隔行显色] approach1 <script type="text/javascript">window.onload = function () {/ ...
jquery 表格（鼠标悬停改变改变行背景+隔行换色）
NUM1:鼠标悬停改变改变行背景: NUM2:隔行换色: HTML: <table border="1"><thead><tr><th&g ...

鼠标悬停在HTML-TABLE的某一行上改变这一行的背景颜色

主要CSS代码:

完整代码:

样式效果:

鼠标悬停在HTML-TABLE的某一行上改变这一行的背景颜色相关推荐

最新文章

热门文章

鼠标悬停在HTML-TABLE的某一行上 改变这一行的背景颜色

主要CSS代码:

完整代码:

样式效果:

鼠标悬停在HTML-TABLE的某一行上 改变这一行的背景颜色相关推荐

最新文章

热门文章

鼠标悬停在HTML-TABLE的某一行上改变这一行的背景颜色

鼠标悬停在HTML-TABLE的某一行上改变这一行的背景颜色相关推荐