如何设置'label'HTML元素的id？

Question

如果我有以下内容:

             <label for="deletetxt">Delete This Text</label>

这里的'for'属性是什么？那是id吗？

假设我不能为label元素设置一个类来设置标签元素的样式,我该如何为这个元素设置css？

Answer 1

该for属性包含标签所用元素的ID.我一直认为这很直观......

<label for="SomeTextField" id="SomeLabel">Some text field</label>
<input type="text" id="SomeTextField">

您可以像任何其他元素一样设置标签:

label {
  font-weight: bold;
  color: red;
}

我一直认为这也很直观.那么 - 你真正想做的是什么,你问的问题是你有不同问题的迹象.

Answer 2

两个问题，两个答案：

1. 这里的“for”属性是什么？

   它在这里告诉<input>标签引用的元素的ID。<input>当用户单击该元素时，某些浏览器将使用它来将焦点设置在该元素上<LABEL>

2. 我如何为这个元素设置CSS？

   A. 如果你想CSS所有标签元素：

      label {
         /* your styles */
      }

B. 如果您想标记该元素，只需像平常一样使用 ID 或类名即可。