CSSから動的にdivにフォーカススタイルを追加

Question

ダイアログボックスの右側にテキストボックス側とアイコン（div）があります。 私はダイアログを開いているときに、どちらもフォーカスが必要です。

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

HTMLは、私は以下の

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

しかし、働いていないを試してみました。

動的にそのdivにフォーカスを追加するCSSスタイルを提案してください。

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