输入:焦点图标颜色改变不工作

Question

我想更改input:focus图标的颜色。我试过用&;+&;方法。但对我没用。代码是Jade和LESS。使用font-awesome作为图标。

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

少

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

Answer 1

.search不是输入的兄弟，它是父。你只需要把图标作为兄弟。

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

演示