我正在使用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)。
您可以尝试以下操作来影响所有输入,或者修改以下操作以使用ID/类(如果您只想将其用于这一输入):
input:focus + label {
color: orange;
}