使复选框始终在Bootstrap 4中可见

这是bootstrap4:Bootstrap4复选框中的新复选框:

    
    
    Click here
 

默认情况下隐藏默认复选框,仅在单击时可见.有没有办法让它始终可见.

小提琴:jsFiddle

编辑:默认情况下,这就是我想要的.

这是.c-indicator复选框本身聚焦时应用于元素的样式:

.c-input>input:focus~.c-indicator {
  -webkit-box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #0074d9;
  box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #0074d9;
}

.c-indicator {
  -webkit-box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #0074d9;
  box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #0074d9;
}