html - 不可能的？ HTML 鼠标悬停边框颜色随着边框折叠而改变？

Question

我希望有一个所有边框(内部/外部)的宽度都是单个像素的表格，我通过在表格上设置 border-collapse 样式来实现这一点。

然后我希望onmouseover 每个TD 单元格，将border-color 更改为不同的颜色。如果表格边框尚未折叠，则此方法可以正常工作。但是，如果您折叠边框，那么它就无法工作。

但是，如果我不折叠边框，那么我将无法获得单个像素宽度的边框!

那么这是不可能的吗？

编辑:澄清一下，当使用边框折叠并设置 TD 边框颜色时，只设置了右边框和底边框。

编辑 编辑:我最终实现了这个在鼠标悬停时改变背景。背景 GIF 是一个带边框的白色框。呜呜呜!尽管在所有浏览器中都能完美运行......

Answer 1

我意识到这是一个非常古老的帖子，但我想无论如何我都会做出贡献以防它有帮助。

除非您对所有表格单元格使用像素精确的宽度和高度，否则不知道您如何获得带边框的背景图像？

但另一种选择是在悬停时使用“轮廓”而不是边框​​。例如:

table { border-collapse: collapse; }
table td { border: solid 1px gray; }
table td:hover { border: none; outline: solid 1px red; }

适用于除 IE6 以外的所有浏览器。

根据您使用的颜色，外观可能不理想，但效果很好。