没有文字时标签周围的边框

Question

我有一个非常简单的问题，

只要页面出错，我就会出现一个标签。标签周围有红色边框。 即使标签中没有文字，标签边框也会显示。

当没有文字时，如何使边框不可见（当然是CSS）？ 提前致谢

Answer 1

您可以使用css3的:empty选择器。

<强> Live Demo

label:empty
{
    border: 1px solid #ff0000;
}

您可能需要向标签提供一些height和width并设置position:absolute以便为空标签留出一些空间。