我有一个div，它附加了一个额外的子div，位于父div之外。
我希望父div有一个轮廓onclick，但轮廓延伸到子div。
有没有办法让轮廓完全围绕父div。
我不能使用border，因为父div已经有一个边框，我只想使用outline来高亮点击所点击的div。
小提琴：jsfiddle.net/PZ7eW/1
答案 0 :(得分：2)
如果我已正确理解您的问题，则需要在border处于活动状态时更改div。 outline覆盖了包含元素中所有元素的矩形。
修改
由于评论，看起来您无法更改边框，也无法使用外部包装“轮廓”。您可以尝试使用内部positoned元素。请看一下小提琴。
同样div通常无法获得焦点，因此它也不会模糊。您可以通过为元素设置tabindex来强制任何元素获得焦点。
看起来outline在不同浏览器中的行为有所不同：在FF中，它涵盖了包含元素中所有元素的矩形，在Chrome和IE中，它仅涵盖了Opera {{中的父元素（预期行为）。 1}}也出现在每个子元素周围。因此，原始问题的答案是：不可能只是简单地改变outline。