Bootstrap 4：自定义复选框边框

Question

我试图自定义我的复选框的颜色。我跟着的文档，我想出了一个办法来改变背景：

.custom-control-input:checked ~ .custom-control-indicator { 
     background-color: #ffa500; 
} 

如果单击该复选框也有蓝色边框与（我认为）环绕箱本身的填充，但即使有一些研究，我无法找到如何改变边界的颜色。任何人都可以帮助我？我做了一个fiddle来证明我有什么。

任何人都知道如何改变边界？

在此先感谢！

Answer 1

引导4使用box-shadow得到这样的效果：

.custom-control-input:focus~.custom-control-indicator { 
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; 
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; 
} 

圆角边框与border-radius定义：

.custom-checkbox .custom-control-indicator { 
    border-radius: .25rem; 
}