html - 使每个 tr 在悬停时改变颜色

标签 html css row

我有一个包含很多表行的表。每个表格行都有一个 2px solid grey 边框。

我的问题是表格是一个链接,为了向用户显示,我会在鼠标悬停时将边框设为黑色。但是将 :hover 添加到 tr 只适用于悬停的 tr 但我希望所有 tr 都获得黑色边框。

这可能吗?

最佳答案

使用

tbody:hover tr{
    border:2px solid grey;
}

将悬停限制在正文中的行。看这个example fiddle

关于html - 使每个 tr 在悬停时改变颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28486920/

相关文章:

javascript - 不使用 focus() 将文本框设置为事件状态

css - 多个 Bootstrap 选项卡 - 垂直和水平

asp.net - GridView 'PendingRecordsGridview' 触发了未处理的事件 RowDeleting

android - 自定义 Listview Row textview Text 将 Imageview 推到右边

php - 如何在 id= 处插入图像名称? ...在 mySQL [PHP] 中

Javascript 可以引入 Jquery 吗?

javascript - Bootstrap 选项卡 - Typeerror .tab 不是函数

css 文件规则未在 IE 8,9 中应用,它们适用于 firefox

javascript - CSS 溢出 : auto by 'touching' bottom div

r - 如何在R中将行添加到带有标题的空数据框中?