Html 当标签旁边的输入被聚焦时，如何更改标签的颜色？

我在表单中有一个带有标签和输入字段的div

当输入字段聚焦时，我希望div的边框改变颜色（我设法做到了），但我也希望标签的颜色改变。
因为标签不是输入的父项，所以我不知道该怎么做

以下是html：

<div class="floating-fake">
  <label class="label-ff col-form-label-sm">Ansprechpartner</label>
  <input type="text" class="input-ff form-control-sm" name="ansprechpartner" value="{{ old('ansprechpartner') }}">
</div>

标签应更改为

颜色：#22c7dd

我已经搜索过了，但只找到了javascript解决方案（我正试图避免）或其他带有
+
选择器的解决方案，在这种情况下它们对我没有帮助

我希望有人能帮助我，因为我在html/css方面没有太多经验。
你可以利用
：focus in
和后代选择器在div中的输入被聚焦时更改标签的颜色


。输入ff{
宽度：97%；
字母间距：0.5px；
}
.输入ff：焦点{
大纲：无；
边界：蓝绿色；
背景：#fff；
}
.漂浮的假象：专注于内在{
边框颜色：#22c7dd；
}
.浮动假：标签内的焦点{
颜色：红色
}

安斯帕特纳
您可以试试这个吗：

<div class="floating-fake">
  <label class="label-ff col-form-label-sm">Ansprechpartner</label>
  <input type="text" class="input-ff form-control-sm" name="ansprechpartner" value="{{ old('ansprechpartner') }}" onfocus="this.style.border-color='#22c7dd';">
</div>


安斯帕特纳
谢谢，我不知道为什么我没有想到这一点，它太简单了：我已经修改了这篇文章的格式。代码现在是可见的。
<div class="floating-fake">
  <label class="label-ff col-form-label-sm">Ansprechpartner</label>
  <input type="text" class="input-ff form-control-sm" name="ansprechpartner" value="{{ old('ansprechpartner') }}" onfocus="this.style.border-color='#22c7dd';">
</div>