提问者:小点点

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


我正在使用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)。


共1个答案

匿名用户

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

input:focus + label {
  color: orange;
}