我想用Javascript和CSS设置mouseovered元素的轮廓。
在chrome中,CSS outline属性运行良好但不在Internet Explorer中(我使用的是IE9)。
我测试了CSS border属性,但它减少了实际内容的宽度。
我的目的是设置没有CSS outline属性的大纲,内容的区域不会改变。
解决方案应该支持IE 7~9,如果IE6也是最好的。
答案 0 :(得分:1)
将元素包裹在带有透明边框的<div>
中。鼠标悬停时为边框着色。
如果您不介意内容宽度减少一定量,即内容宽度在鼠标悬停时不会改变,您可以将透明边框添加到元素本身(以及鼠标悬停时的颜色)。
答案 1 :(得分:0)
我测试了CSS border属性,但它减少了实际内容的宽度。
是的,您必须调整布局的其余部分以考虑您引入的x像素的边框 - 它将从某处占用空间,由您自行设置适当的尺寸,边距和填充以补偿