CSS：双边框，如何[重复]答案

【问题标题】：CSS: Double-Border, how to [duplicate]CSS：双边框，如何[重复]
【发布时间】：2011-09-14 08:48:00
【问题描述】：

可能重复：
input focus outer glow

如何在 CSS 中做到这一点？在焦点上，它看起来像是有双边框...

【问题讨论】：

我认为这很好地涵盖了它：http://stackoverflow.com/questions/4750477/input-focus-outer-glow

标签： css

【解决方案1】：

input:focus { property to apply }

对于一个实时示例，请查看以下小提琴： http://jsfiddle.net/L5xvJ/

input:focus { 
border: 1px solid #0af; 
outline: none; 
-moz-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5);
-webkit-box-shadow: 0px 0px 15px rgba(0, 170, 255,.5);
box-shadow: 0px 0px 15px rgba(0, 170, 255,.5); }

notet :focus 不应与 :active 混淆 -> What is the difference between :focus and :active?

【讨论】：

酷，-1 表示其他人的答案都一样...是因为我是第一个吗？
虽然不是我，但很容易看出为什么您的原始答案被否决了：它根本没有回答问题。
嗯，你是对的，我没有做的每件事都恰到好处。但我试图用 :focus 和 box-shadow 为他指明正确的方向
虽然不是我，但这也与样式不匹配。它很接近，但不是很接近。
对，也许我没有正确解释您的问题。我并没有试图准确地做到这一点，而是将您指向 :focus 选择器。您似乎对它的功能不熟悉，我想鼓励您看看。