CSS焦点第一个孩子改变第二个孩子的颜色？

Question

这是我的Html代码。

<div class="form-group has-feedback">
  <input type="text" class="form-control" id="inputSuccess2" name="s" placeholder="Search">
  <span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>

现在这是我的CSS。

input[type='text']:focus{
    color:#CD4C37;
}

我想改变只有glyphicon的颜色而不是输入文字。

如何更改焦点文本框上的图标颜色？

Answer 1

input[type='text']:focus + span.glyphicon-ok {
    color:#CD4C37;
}