在边界和颜色的div周围发光

Question

有没有办法在div周围添加光晕？看看twitter登录以及输入框周围是否有蓝色光晕，可以为div做完吗？

Answer 1

CSS3 可以做到这一点

-webkit-box-shadow:0 0 20px blue; 
-moz-box-shadow: 0 0 20px blue; 
box-shadow:0 0 20px blue;

工作JSFiddle。

Answer 2

以下是完全类似于twitter登录输入来设置div的完整代码。蓝色边框的样式是选择器box-shadow的{​​{1}}和border样式。的 Live demo here (click).

<强>标记：

div[contenteditable]:focus

<强> CSS：

<div contenteditable="true">Username or email</div>

Answer 3

在处理此问题时，您还将面临Internet Explorer的一些问题。 IE-9如何支持box-shadow但以前的版本不支持，请查看here以使其在所有版本的IE中都能正常工作

Answer 4

如前所示，请使用css：focus，border和box-shadow。

如果使用IE，请确保指定<doctype>。

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

jsFiddle example.