html 我需要在i:focus是图标改变颜色时进行输入

8ulbf1ek  于 2022-12-02  发布在  其他
关注(0)|答案(1)|浏览(158)

我需要在i:focus是图标改变颜色时进行输入
这是代码:

<form action="">
                    <div>
                        <i class="fa-brands fa-twitter input-focus-i"></i>
                        <input type="text" placeholder="Twitter Username" class="input-focus-in">
                    </div>
                </form>
jvlzgdj9

jvlzgdj91#

要在输入处于焦点时更改图标的颜色,可以使用CSS:focus伪类。下面是一个如何实现此操作的示例:

.input-focus-i:focus {
  color: #1DA1F2;
}

这将仅在输入处于焦点时应用样式,因此当输入不再处于焦点时,颜色将更改回其原始颜色。

相关问题