文本字段"发光"效果如Twitter和Tumblr登录页面？

Question

在关注HTML中的文本字段时,获得发光效果的最佳方法是什么？它可以单独使用CSS,还是涉及图像？查看Twitter和Tumblr的登录页面以获取工作示例.

Answer 1

只需使用:focus伪类,border并box-shadow:

.text:focus {
    border: 1px solid #07c;
    box-shadow: 0 0 10px #07c;
}

这是一个演示.

哦,这是我最喜欢的组合.