更改输入组 - 辅助颜色时:专注于输入?与纯CSS

Question

当专注于纯CSS而没有jQuery/javaScript的输入形式时，您是否有一种方法可以更改输入组 - 辅助图标颜色？我只找到了使用jQuery的方法，只是想知道是否只能使用CSS。如果是这样，我使用什么CSS？我尝试了：

.form-control input:focus + .input-group-addon {
    color: #4183D7;
}

不起作用。我可以尝试什么？

Answer 1

<input type="email" placeholder="Your email" class="form-control">
<span class="input-group-addon">@</span>
.form-control:focus + .input-group-addon {
    color: #4183D7;
}

这应该有效。