更改bootstrap 5中浮动标签的颜色

Question

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

<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）。

Answer 1

您可以尝试以下操作来影响所有输入,或者修改以下操作以使用ID/类（如果您只想将其用于这一输入）：

input:focus + label {
  color: orange;
}