在网站开发中，CSS是一种非常重要的样式语言。其中，失去焦点后变为灰色是CSS中
一个比较常见的特效。但有时我们也会遇到一些情况，希望失去焦点的元素仍能保持原本的颜色，不发生变化。
针对这种需求，我们可以使用一些小技巧，达到失去焦点后仍保持原色的
效果。下面就让我们来看看如何实现吧。
首先，我们可以使用CSS中的outline
属性。outline是与border类似的元素边框，但它并不占用空间，不会影响布局。同时，outline可以在元素失去焦点后仍保持原色。
举个例子，如果希望
一个文本框在失去焦点后仍然保持蓝色，可以这样写CSS
代码：
input[type="text"]:focus {
outline: 2px solid blue;
outline-offset: -2px;
}
这里，outline设置了2px的蓝色实线边框，而outline-offset则指定了边框与元素之
间的距离，使得边框不会遮挡住原本的样式。
除此之外，我们也可以使用CSS3中的
Box-shadow
属性。
Box-shadow可以
添加元素的阴影
效果，可以在失去焦点后仍保持原色。具体
代码如下：
input[type="text"]:focus {
Box-shadow: 0 0 0 2px blue;
}
这里，
Box-shadow设置了阴影
效果，阴影的颜色与宽度与之前的outline
属性相同。不过，由于
Box-shadow同时
添加了元素的阴影，所以可能会影响到布局，需要小心使用。
综上，这些技巧可以很好地实现失去焦点后仍保持原色的
效果。当然，具体使用哪种
方法还是要根据实际情况来决定，确保样式和布局不受影响。
