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

时间:2012-04-17 08:59:16

标签: javascript css

我想用Javascript和CSS设置mouseovered元素的轮廓。

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

我测试了CSS border属性,但它减少了实际内容的宽度。

我的目的是设置没有CSS outline属性的大纲,内容的区域不会改变。

解决方案应该支持IE 7~9,如果IE6也是最好的。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我测试了CSS border属性,但它减少了实际内容的宽度。

是的,您必须调整布局的其余部分以考虑您引入的x像素的边框 - 它将从某处占用空间,由您自行设置适当的尺寸,边距和填充以补偿