javascript - 单击 Box shadow Shadow - Javascript(不是 jquery)

Question

我希望在单击图像时出现投影。我目前不使用 Jquery，所以如果可能的话，请提供一个 java 脚本解决方案。这是我的 fiddle :http://jsfiddle.net/zUNhD/7/

我还希望框阴影仅在当前选定的元素上处于事件状态。 (最后点击的元素应该是唯一有阴影的)

    window.onload = function(){
var box1 = document.getElementById('thumbs');
var box1Div1 = box1.getElementsByTagName('input');
var img1 = box1Div1[0]
    console.log(img1);

    img1.onclick = function(){
    img1.setAttribute("class", "BoxShadow");
   };
   };

Answer 1

从评论延伸:

您可以使用 :active 选择器来响应“点击”事件，并使用 :focus 选择器来响应“焦点”事件:

input:active, input:focus{
    box-shadow:2px 2px 2px blue;
}

fiddle