css - 使用纯 CSS 在 :focus on input? 时更改 Input-Group-Addon 颜色

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;
}

这应该有效。