删除标签文本而不删除标签内的文本框

Question

我拥有的：

我有一个带有用户名和密码文本框字段的登录表单。字段被包裹在标签中。

我需要的：

我需要删除标签的文本，因为我想改为应用占位符值。

我的代码：

注意：我已设法定位中断，但无法定位标签的呈现文本。

label[for=user_login] > br,
label[for=user_pass] > br {
  display: none;
}

<p>
  <label for="user_login">Username
    <br>
    <input type="text" name="log" id="user_login" class="input" value="" size="20">
  </label>
</p>
<p>
  <label for="user_pass">Password
    <br>
    <input type="password" name="pwd" id="user_pass" class="input" value="" size="20">
  </label>
</p>

我需要一个基于 CSS 的解决方案。编辑标记不是一种选择。

Answer 1

在特定标签类上添加此属性

label {
   color: transparent;
}

或者为特定标签创建类并在标签上添加这个类

.txtlbl label{
    color: transparent;
}