从css动态添加焦点样式到div

Question

我在对话框中有一个textboxleft侧和右侧的图标（div）。 当我打开一个对话框时，两者都应该集中精力。

HTML

<input id="text-link" class="form-control" onfocus="this.select();" onclick="this.select();"/>
            <div class="form-control" id="link"></div>

我尝试了下面的

1. $("#link").focus();
2. document.getElementById("link")

但不行。

请建议使用css样式动态地为该div添加焦点。

Answer 1

试试这个：

JQUERY：

 $(document).ready(function(){
    $("#link").removeClass("focusdiv");
    $("#text-link").focus(function(){
       $("#link").addClass("focusdiv");
    });
 });

CSS：

 .focusdiv{
    box-shadow: inset 1px 1px 5px 1px #eee; // Put box-shadow as your need.
    -moz-box-shadow: inset 1px 1px 5px 1px #eee;
    -webkit-box-shadow: inset 1px 1px 5px 1px #eee;
    border: 2px solid #ccc;
 }