css - 使元素除边框外透明？

Question

是否可以使用纯 CSS 使整个元素的边框或轮廓不可见除外？我所说的“不可见”是指完全透明(即 visibility: hidden; 或 opacity: 0;)，周围边框可见。所有文本、子项、背景等都将被隐藏。

我知道这可以通过在不可见元素周围创建父 div 来实现，但我很好奇是否可以在不更改 HTML 的情况下实现相同的效果。

这可以做到吗？

Answer 1

嗯，我认为是:

HTML

<div id="element">
  ...
</div>

CSS

#element {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
}

#element * {
  opacity: 0;
}