标签在Chrome中消失了

Question

我遇到了一个我自己似乎无法解决的问题。 我在输入字段上方建立了一个带有标签的联系表格。

问题是，大多数时候标签根本就没有出现。如果我点击它们几次或重新加载页面，有时它们会重新出现。它似乎只发生在Chrome中。

我已经制作了一个包含我所有代码的JSFiddle - 问题无法再现，似乎......

我的消失标签的CSS代码：

label{
    display: block !important;
    padding: 20px 5px 5px 2px;
    font-size: 1.1em;
    text-transform: uppercase;
    cursor: pointer;
}

input:focus,
textarea:focus,
label:active + input,
label:active + textarea{
    outline: none;
    border: 3px solid black;
}

没有什么不寻常的。

任何人都知道发生了什么以及如何解决它？

Answer 1

它在Chrome和Mozilla Firefox中出现 - 尝试使用最新版本更新您的Google Chrome浏览器。