在以下情况下更改输入组 - 插件颜色：关注输入？使用纯CSS

Question

有什么方法可以在使用纯CSS而不是jQuery / Javascript关注输入表单时更改input-group-addon图标颜色？我只找到了使用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;
}

这应该有效。