HTML焦点第一个焦点时的第二个元素

单击输入时，是否可以在输入组中聚焦该按钮？ 请参见此图： 我想用左边的按钮给所有这些输入加上边框。非常感谢

另外，这段代码只适用于输入，但我想同时进行focus.btn搜索

input[type="text"]:focus{border:1px solid red}

我的代码：

<ul class="nav navbar-nav navbar-left">
            <form class="navbar-form navbar-left" role="search">
                <div class="input-group">
                    <input type="text" class="form-control search" placeholder="Search...">
                    <span class="input-group-btn">
                        <button class="btn btn-search" type="button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
            </form>
        </ul>

---

您可以使用jQuery来实现这一点。 如果没有JavaScript，我真的想不出一种方法来实现这一点

$('input[type="text"]').focus(
    function(){
        $(this).css('border','1px solid red'); 
        $('.btn .btn-search').css('border','1px solid red');
    }
);

---

您可以使用jQuery来实现这一点。 如果没有JavaScript，我真的想不出一种方法来实现这一点

$('input[type="text"]').focus(
    function(){
        $(this).css('border','1px solid red'); 
        $('.btn .btn-search').css('border','1px solid red');
    }
);

您可以使用+选择器执行以下操作：

小提琴：

您可以使用+选择器：

---

FIDDLE:

你能添加你的输入和按钮代码吗？你能添加你的输入和按钮代码吗？我不需要输入组btn，但btn搜索，我的代码不起作用：/input[type=text]：focus+.btn搜索{边框：1px实心红色；}然后你需要带降序选择器的跨度。更新！我们投票支持这个答案是因为有信息链接@非常感谢。我非常感谢杰弗里·韦。他为我进入jQuery铺平了道路…爱。我不需要输入组btn，但btn搜索，我的代码不起作用：/input[type=text]：focus+。btn搜索{border:1px solid red；}然后你需要带降序选择器的跨度。更新！我们投票支持这个答案是因为有信息链接@非常感谢。我非常感谢杰弗里·韦。他为我铺平了通往jQuery…爱的道路。