请知悉：本文最近一次更新为 10年 前，文中内容可能已经过时。
解决Safari中input等输入框聚焦时系统自动添加蓝色框的功能的时候，原以为是box-shadow引起的问题，后来发现是outline属性导致的，时候也记录一下box-shadow。基础不够扎实啊~
浏览器支持
IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。
定义和用法
box-shadow 属性向框添加一个或多个阴影。
| 默认值： | none |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.boxShadow=”10px 10px 5px #888888″ |
示例:
这个div的阴影就是利用css的box-shadow做出来的
语法
box-shadow: h-shadow v-shadow blur spread color inset;| 值 | 描述 |
|---|---|
| h-shadow | 必需。水平阴影的位置。允许负值。 |
| v-shadow | 必需。垂直阴影的位置。允许负值。 |
| blur | 可选。模糊距离。 |
| spread | 可选。阴影的尺寸。 |
| color | 可选。阴影的颜色。请参阅 CSS 颜色值。 |
| inset | 可选。将外部阴影 (outset) 改为内部阴影。 |
内容转自:https://www.w3school.com.cn/cssref/pr_box-shadow.asp
如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。
留言