按键内发光效果答案

【问题标题】：Inner glow effect of button按键内发光效果
【发布时间】：2011-01-07 11:33:09
【问题描述】：

我希望在聚焦时具有按钮的内部发光效果。我可以实现按钮的轮廓（外部）发光，但我什至想要内部发光效果。有人可以帮忙吗？

【问题讨论】：

标签： css

【解决方案1】：

我做了一个jsFiddle 显示这个效果：

a {
    -webkit-box-shadow: inset 0 0 30px #00f;
    -moz-box-shadow: inset 0 0 30px #00f;
    box-shadow: inset 0 0 30px #00f;
}

编辑：回应您的评论：这是much sexier version。

【讨论】：

我得到了内发光效果感谢您的帮助。正如我已经提到的，我需要同时拥有内发光和外发光。如果我包含“-webkit-box-shadow: inset 0 0 30px #00f;”连同 -webkit-box-shadow: 0 0 30px #00f;我只能看到内发光，但看不到外发光。
哈哈哈，这是更性感的版本吗？ ;)
2022 和 "-moz-box-shadow" 会在 FireFox 'Unknown property'-moz-box-shadow' 中给你一个警告。声明被放弃了。不过，Chrome 似乎并不介意。

【解决方案2】：

使用box-shadowinset：

.class{
  box-shadow:inset 2px 2px 2px 2px black;
}

【讨论】：

+1，但您需要 -webkit- 和 -moz- 重复样式。
是的，这就是为什么提供 css3.info 链接。 CSS3的工作还在进行中，但是box-shadow、border-radius等功能已经被主流浏览器实现了（我不认为IE是浏览器）
有人认为那个是浏览器吗？