javascript - 如何在不使用 CSS outline 属性的情况下设置轮廓？

Question

我想用 Javascript 和 CSS 设置鼠标悬停元素的轮廓。

在 chrome 中，CSS outline 属性运行良好，但在 Internet Explorer 中(我使用 IE9)则不行。

我测试了 CSS 边框属性，但它减少了实际内容的宽度。

我的目的是在没有 CSS outline 属性的情况下设置大纲，并且内容的区域不会改变。

该解决方案应支持 IE 7~9，如果还支持 IE6 则最好。

Answer 1

将元素包裹在 <div> 中带有透明边框。在鼠标悬停时为边框着色。

如果您不介意内容宽度按恒定量减少，即内容宽度不会在鼠标悬停时改变，您可以将透明边框添加到元素本身(以及鼠标悬停时的颜色)。