创建一个双边框按钮？

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在这里.

要么:

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

DEMO在这里.

要么:

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

DEMO在这里.