gpt4 book ai didi

css - 输入 :focus icon color change not working

转载 作者:太空宇宙 更新时间:2023-11-03 23:31:02 24 4
gpt4 key购买 nike

我想更改 input:focus 上图标的颜色。我已经用“+”方法试过了。但不为我工作。代码在 Jade 和 LESS 中。为图标使用了很棒的字体。

Jade

header
.search
input(type="text", placeholder="seach")
i.fa.fa-search

.search input:focus +  .search i{color: @link-color !important;}

最佳答案

.search 不是输入的兄弟,它是父级。您只需要将图标作为同级即可。

.search input:focus + i{color: @link-color !important;}

Demo

关于css - 输入 :focus icon color change not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25324937/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com