私は Bootstrap 3 を使用しており、フォーム全体 (入力フィールドとボタン) がフォーカス時に境界線の色を変更するようにしようとしています。つまり、入力フィールドをクリックすると、入力フィールドの境界線だけでなく、ボタンの境界線全体も色が変わるはずです。それは理にかなっていますか？
コードは次のとおりです。
<form class="form-inline" role="form">
<div class="input-group">
<input class="form-control" type="text">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Search</button>
</span>
</div>
</form>
そしてCSS：
.form-control:focus {
border-color:#1ABC9C;
box-shadow:none;
}
それに関する問題は...誰かがボタンをクリックしない限り、ボタンではなく入力フィールドの色を変更するだけです。両方の色を同時に変更するにはどうすればよいですか?