小编And*_*rey的帖子

我有一个div多边框,我正在使用一个边框box-shadow.我希望这div有一个圆角和一个方角.但是,每当一个角落border-radius添加一个角落(除了0)之外,其他角落也box-shadow会变圆(半径不同于任何指定值border-radius).有没有办法设置border-radius某些角落,但不是全部,并且box-shadow使用与border所有角落相同的半径？

此行为出现在Chrome 19,Firefox 13和Safari 5中,但它不存在于Internet Explorer 9或Opera 12中,它们都box-shadow按预期显示- box-shadow当border角落也是正方形时带有方角.

代码(示例):

CSS

.block1 {
    padding: 18px 14px;
    margin: 5px;
    background: #fff;
    border: 1px solid red;
    -webkit-box-shadow: 0 0 0 5px rgba(0, 57, 47, .32);
    -moz-box-shadow: 0 0 0 5px rgba(0, 57, 47, .32);
    box-shadow: 0 0 0 5px rgba(0, 57, 47, .32); …