Javascript 如何在不使用CSS outline属性的情况下设置大纲？

我想用Javascript和CSS设置鼠标覆盖元素的轮廓

在chrome中，CSS大纲属性很好地工作，但在InternetExplorer中不行（我使用IE9）

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

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

---

解决方案应该支持IE7~9，如果也支持IE6，那么它是最好的。

用透明边框将元素包装在

中。给鼠标上方的边框上色

---

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

使用透明边框将元素包裹在

中。给鼠标上方的边框上色

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

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

是的，您必须调整布局的其余部分，以考虑您引入的x像素边框-它将从某个地方占用空间，您可以设置适当的尺寸、边距和填充以进行补偿。

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

---

是的，您必须调整布局的其余部分，以考虑您引入的x像素边框-这将从某个地方占用空间，您需要设置适当的尺寸、边距和填充来进行补偿。

如果您使用javascript，为什么不能只使用边框和适当的javascript宽度？（最有可能是2个像素-每边1个）。您也可以使用

边框：1px实心透明用于无边框版本。若我设置透明边框，元素的总宽度（边框+内容的宽度）会增加。我不能改变元素的总宽度。若你们们使用javascript，为什么你们们不能只使用边框和适当的javascript宽度？（最有可能是2个像素-每边1个）。您也可以使用
边框：1px实心透明用于无边框版本。若我设置透明边框，元素的总宽度（边框+内容的宽度）会增加。我不能更改元素的总宽度。若我包裹元素宽度元素，它需要元素边框的额外区域。我不能改变任何布局。我必须像CSS outline属性一样制作大纲。若我包装元素宽度元素，那个么元素的边框需要额外的区域。我不能改变任何布局。我必须像CSS大纲属性那样制作大纲。我不能改变布局中的任何东西，必须像CSS大纲属性那样制作大纲。如果我设置边框并减小内容的宽度。元素的总宽度相同。但改变内容的宽度可能会在页面视图中产生差异（即文本的换行符），我不能改变布局中的任何内容，必须像CSS outline属性那样制作大纲。如果我设置边框并减小内容的宽度。元素的总宽度相同。但内容宽度的改变可能会在页面视图中产生差异（即文本的换行）