css - 创建一个带有双边框的按钮？

Question

我想要的按钮:

我试过了，但是不行:

button {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: white;
    border: 3px double #f26700;
    background: #f26700;
}

如何使用 CSS 显示这条白线？

Answer 1

写:

button{
    border: 3px double white;
}

DEMO here.

或者:

button{
    border: 1px double white;
    outline: 1px solid #f26700;
}

DEMO here.

或者:

button{
    border: 2px solid white;
    box-shadow:0 0 0 0px white, 0 0 0 2px #F26700;
}

DEMO here.