使用javascript突出显示一个字段

Question

我有点陷入困境，即使我的输入框由两部分组成，我也会尝试重新创建当你专注于chrome中的字段时所获得的光晕。

这是我的代码： http://jsfiddle.net/spadez/vAfxw/9/

现在这就是我想要做的事情：

document.getElementById('location').onfocus=function(){
    this.value='';
    document.getElementById('searchContainer').style['border'] ='1px solid blue';
}

document.getElementById('location').onblur=function(){
    document.getElementById('searchContainer').style['border'] ='none';
}

我应该使用“searchContainer”覆盖我的字段和div，还是应该将此CSS应用于字段和div？基本上，当我选择的不仅仅是输入框时，我试图让整个位置框变成蓝色。

Answer 1

您可能需要查看CSS Outline property。