是否有纯 CSS 方式在悬停时突出显示 html table 列?
Is there a pure-CSS way to highlight a html table column on hover?
是否有纯CSS方式在悬停时突出显示htmltable列?
所以当您将鼠标悬停在 <td>
上时,同一子位置的所有其他 <td>
都会采用相同的样式吗?
我查看了 <col>
标签,但似乎没有达到我的预期。
看起来你想要的是由 CSS Tricks
完成的
基本上你只需在悬停时在 TD 上设置一个疯狂的高高度,然后给出背景。这样做似乎是一个非常有趣的想法。他们喜欢他们的技巧。 table{ overflow: hidden; }
是这里的超级键。
值得注意....不能用这种方法嵌套。
The negative z-index keeps it below the content. Negative z-index is a
fun trick, but beware this table then can't be nested within other
elements with backgrounds, otherwise the highlight will go below them.
是否有纯CSS方式在悬停时突出显示htmltable列?
所以当您将鼠标悬停在 <td>
上时,同一子位置的所有其他 <td>
都会采用相同的样式吗?
我查看了 <col>
标签,但似乎没有达到我的预期。
看起来你想要的是由 CSS Tricks
完成的基本上你只需在悬停时在 TD 上设置一个疯狂的高高度,然后给出背景。这样做似乎是一个非常有趣的想法。他们喜欢他们的技巧。 table{ overflow: hidden; }
是这里的超级键。
值得注意....不能用这种方法嵌套。
The negative z-index keeps it below the content. Negative z-index is a fun trick, but beware this table then can't be nested within other elements with backgrounds, otherwise the highlight will go below them.