Css 从引导5更改浮动标签的颜色

我正在使用Bootstrap5创建一个带有浮动输入的表单。 以下是我使用的输入：

<div class="form-floating mx-auto mb-3 w-25">
    <input type="text" class="form-control" id="username_field" placeholder=" " />
    <label for="username_field" class="form-label">Username</label>
</div>

用户名

此代码生成如下所示的浮点输入：

---

当选择输入时，我想更改标签的颜色（如果可能，仅使用css）。

当它将聚焦于您的输入元素时，在聚焦时，使用+选择器选择它旁边的标签，并为其提供您想要的任何颜色。 阅读有关选择器的信息

如果您还需要其他信息，请随时发表评论

.form控件：焦点+.form标签{
颜色：红色；
}

用户名

您可以尝试以下方法来影响所有输入，或者如果您只想将id/类专门用于此输入，则可以修改以下内容以使用id/类：

input:focus + label {
  color: orange;
}

---

太棒了，谢谢你的帮助谢谢你的解释！