html - 在标签中放置一个输入字段，在焦点上更改 bgcolor

Question

所以我想做的是将输入字段放在标签上并更改焦点输入字段的背景颜色。以便 bgColor 覆盖标签的文本。

这是它的样子:

<div class="d-faq-field">
  <label class="i-faq-lastname-label" for="i-faq-lastname">Nachname</label>
  <input id="i-faq-lastname" type="text" name="lastname">
</div>

我将输入字段和标签都放在一个 div 中，这样所有内容都可以响应并且 div 可以彼此 float 。

另外，看看 jsFiddle .顶部有一个 div，它已经可以工作了，但我似乎无法正确地重建它。

Answer 1

如果我很好理解，请简单地尝试

input:focus {
   position: relative;
   z-index: 1;    
}

因此，当输入获得焦点时，它将覆盖标签。无论如何，当输入失去焦点时，您会再次看到标签。

可能您只需使用 placeholder 属性就可以获得正确的行为