更改 TablePress 中默认的鼠标悬停时行的背景颜色

同样可以很方便地使用 TablePress 内置的自定义 CSS 样式功能来实现。具体的操作过程可以参考改变 TablePress 中默认的交替行背景颜色设置一文中的说明。不过具体的 CSS 样式不同。

使用下面的自定义 CSS 样式:

.tablepress .row-hover tr:hover td {
	background-color: #ff0000;
}

如果只想将这种改变应用于某个特定的表格,使用 .tablepress-id-N(这里 N 应该用该表格的 ID 替换)做为选择器替换掉上面样式中的 .tablepress

原理很简单。这里对 tr 使用了 :hover 选择器。更多类似的 CSS 用法可参考 CSS :hover Selector中文)。

如果需要关于 TablePress 的其它帮助,请访问 TablePress 中文页面获取更多信息。TablePress 常见问题页面还有更多自定义 CSS 样式的示例及其他问题的解决方法,欢迎查阅。©

本文发表于水景一页。永久链接:<https://cnzhx.net/blog/tablepress-faq_change-color-highlighting-hovered-rows/>。转载请保留此信息及相应链接。

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>