javascript - 如何通过单击更改轮廓颜色

我这里有一个简单的代码，当用户单击文本字段时，我想更改轮廓颜色。

<input type="text" id="box1" />
<input type="password" id="box2" />
<input type="email"  id="box3" />

<input type="submit" id="sub" value="submit" />

我不知道如何在用户单击以上任何内容时更改轮廓颜色。

我的想法是这个jQuery代码：

$(document).ready(function(){
$(#box1).click(function(){
$(this).css('outline-color','#00BFFF').css('box-shadow',' 0px 9px 0px rgba(0, 161,   214,1)')
});

});

我不确定这是否正确，我想更改轮廓颜色并向其添加方格阴影以使其外观好看。从昨天晚上开始，我一直试图自己解决这个问题。

最佳答案

：focus伪选择器将选择用户输入的任何文本框，单击后将重置。这是你想要的吗？

http://jsfiddle.net/m8WcN/

.foo:focus{

   outline-color:#00BFFF;
   box-shadow: 0px 9px 0px rgba(0, 161,214,1);

}

关于javascript - 如何通过单击更改轮廓颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20437224/