WebKit的outline-radius：是否支持？_H5之家 - 中国HTML5教程资源分享第一站

css3技术

字号+ 作者：admin 来源： 2014-11-16 21:39 我要评论( )

今天在做outline-radius相关教程的时候，发现：webkit内核的浏览器不支持这个属性，这个圆角外围属性居然只有火狐支持。样式 CSS Code 复制内容到剪贴板 .b_bulea{ border : #17548e 1px solid ; b

今天在做outline-radius相关教程的时候，发现：webkit内核的浏览器不支持这个属性，这个圆角外围属性居然只有火狐支持。

样式

CSS Code复制内容到剪贴板

.b_bulea{
border:#17548e 1px solid;
border-radius:3px;
-moz-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
outline:1px solid #062544;
outline-offset:0;
outline-radius:3px;
-moz-outline-radius:3px;
-webkit-outline-radius:3px;
-ms-outline-radius:3px;
-o-outline-radius:3px;
background:#074682;
background:-moz-linear-gradient(#074682,#00305f);
background: -webkit-gradient(linear, left top, left bottombottom, from(#074682), to(#00305f));
}