如果为空，则添加破折号，而不是在重点突出时添加破折号？

Question

如果它是空的，是否有一种方法可以在跨度中添加破折号，但是如果它是集中的，则没有。

如何让它保持原样？就像:not(:focus)和:empty:before正在战斗...

.dashit {
  outline: solid;
}
.dashit:not(:focus):empty:before {
   content: '-';
}

<span class="dashit" contenteditable="true">Remove this content and see how it "jumps up" when it's focused...</span>