Html 如果破折号为空，则添加破折号，但当它为'；什么是重点？

如果一个跨度是空的，有没有办法给它添加破折号，但如果它是聚焦的，就没有办法了

我怎样才能让它留在原地？这就像

：not（：focus）

和

：empty:before

正在战斗

.dashit{
轮廓：立体；
}
.dashit:not（：焦点）：空：before{
内容:'一';；
}

---

删除此内容，并查看它在聚焦时是如何“跳起来的”…

您的演示在Chrome 67 for Windows中按预期（基于您要求的行为）运行的。只有当跨度的内容被删除且元素失去焦点时，破折号才会出现。什么浏览器/设备给你带来麻烦？Firefox。让我试试其他的。问题是，当光标为空且焦点集中时，它会显示在它应该显示的位置下方。这也为我工作。（Ubuntu，FF 61）@JonUleis是的，可以在Safari和Chrome中使用，但不能在Mac上的Firefox Dev 62.0b5中使用。如果我添加

display:inline block

和一个固定高度，它就可以使用，但我希望避免这种情况。至少是固定高度。思想？