输入时:焦点图标颜色变化不起作用

时间:2014-08-15 10:30:10

标签: image css3 less pug css-preprocessor

我想改变输入图标的颜色:焦点。 我已经尝试过" +"方法。但不适合我。 代码在Jade和LESS。使用font-awesome for icon。

JADE

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

LESS

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

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:3)

.search不是输入的兄弟,而是父。你需要将图标作为兄弟姐妹。

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

Demo