Css 引导复选框编辑边框样式无效

我正在尝试更改引导复选框的默认样式。我想为未选中、悬停和选中添加不同的边框。当我尝试添加阴影时，它会起作用，但是边框和更改背景色不起作用

input[type="checkbox"]{
    width: 20px;
    height: 20px;
    border: 1px solid #59A29B;
    background color: #FFFFFF;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

它不起作用的例子。

---

提前感谢。

首先，这是无效的标记：

<input type="checkbox" value="" id="test">
Option one
</input>

<label>
    <input type="checkbox" value="" id="test" />
    Option one
</label>