html - 是否可以创建带有半径的轮廓边框？

我知道您可以使用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。 future 的计划是make the outlines follow the borders。

我意识到这并没有多大帮助，但是您问题的答案是:目前，没有(不是通过跨浏览器的方式)。同时，您应该使用另一种方法，例如thekalaban建议的方法。

关于html - 是否可以创建带有半径的轮廓边框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14896099/