用于输入元素周围模糊轮廓的 CSS
我所知道的可能的轮廓样式如下所示。
- 点
- 划线
- 实心
- 双槽
- 脊
- ：
- 插入
- 开始
这些都没有在输入元素周围放置轮廓，如下所示 
使用什么 CSS 样式可以设置如上所示的输入元素样式？
The possible outline styles that I know of are shown below.
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
None of these puts an outline around an input element like shown below:
With what CSS stylling can someone style an input element like shown above?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
它看起来像浏览器默认行为，但您可以使用 css3
box-shadowhttp 来伪造它://jsfiddle.net/meo/BndwU/
或使用您的颜色：
http://jsfiddle.net/meo/BndwU/1/
或带有奖励焦点动画：
http://jsfiddle.net/meo/BndwU/2/
it looks like a browser default behavior, but you can fake it with css3
box-shadowhttp://jsfiddle.net/meo/BndwU/
or with your colours:
http://jsfiddle.net/meo/BndwU/1/
or with bonus focus animation:
http://jsfiddle.net/meo/BndwU/2/
这仅适用于接受 CSS3 属性（如
box-shadow）的现代浏览器：查看示例→
This will only work in modern browsers that accept CSS3 properties like
box-shadow:See example →
使用新的 CSS 3 box-shadow，您可以在输入框周围放置渐变边框。首先用一个包含以下内容的新类将其包装在一个跨度中：
这是一个工作示例： 渐变阴影轮廓演示< /a>
Using the new CSS 3 box-shadow you can put a gradient border around an input box. First wrap it in a span with a new class that contains something like:
Here is a working example: Gradient Shadow Outline Demo