我知道你可以添加一个CSS3的轮廓边框.
outline: 10px solid red;
现在我想知道如何添加一个半径到轮廓边框.
我试过这个,但不行：
.radius {
padding: 20px 60px;
text-transform: capitalize;
-moz-outline: 10;
outline: 10px solid red;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
解决方法
Firefox has a property
-moz-outline-radius,但是在WebKit中实现类似功能的请求是
closed as WONTFIX.未来的计划是
make the outlines follow the borders.
我意识到这并没有什么帮助,但是你的问题的答案是：目前没有(不是以跨浏览器的方式).在此期间,您应该使用一种替代方法,如由kalaban建议的方法.
