解决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) 改为内部阴影。

内容转自:http://www.w3school.com.cn/cssref/pr_box-shadow.asp

Related Posts: CSS-边框阴影属性-box-shadow :