发光按钮onfocus

Question

我希望按钮在按Tab键选择时具有发光效果.谁能帮我这个.代码片段将非常有用.

谢谢rashmi

Answer 1

如果你正在为现代浏览器开发,你可以使用html5框阴影和过渡:

button{
 background:#000;   
 color:#fff;
 border:none;
 transition:box-shadow .3s linear;
 -moz-transition:-moz-box-shadow .3s linear;
 -webkit-transition:-webkit-box-shadow .3s linear;
}
button:hover,button:focus{
 box-shadow:0px 0px 15px #fff;
 -moz-box-shadow:0px 0px 15px #fff;
 -webkit-box-shadow:0px 0px 15px #fff;   
}

演示:http: //www.jsfiddle.net/ybHUy/