Firefox按钮使用CSS发光

| 有没有办法使用CSS
:focus
规则在Firefox中使外部发光? (类似于Chrome已有的功能)     
已邀请:
您可以为
:focus
规则添加
-moz-box-shadow
(如果只对Firefox 4及更高版本感兴趣,则仅添加
box-shadow
)。您可以使用它添加不同程度的辉光。     
您可以执行以下相同操作: HTML:
<button id=\"a\">click</button>
CSS:
button{
background:#f7f7f7;padding: 0 .5em;
height: 2.0833em;
border: 1px solid #CCC;
color: black;
background: #F6F6F6;
background-image: -moz-linear-gradient(top,white,#EFEFEF);
background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#EFEFEF));
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=white,endColorStr=#EFEFEF);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
overflow: visible;}

button:hover{
    box-shadow:0 0px 3px #999;
    -webkit-box-shadow:0 0px 3px #999;
    -moz-box-shadow:0 0px 3px #999;
}
检查jsfiddle:http://jsfiddle.net/naveed_ahmad/LZGq6/     
这可以通过多个阴影来完成: 的CSS
color: #000;
background: #000;
text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;
参见示例5.5: http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/     

要回复问题请先登录注册