チェックボックススタイルの設定

チェックボックスのスタイル設定

.option-input {
      -webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
width: 0.9rem;
height: 0.9rem;
background: #FFFFFF;
border: 1px solid #cccccc;
cursor: pointer;
outline: none;
position: relative;
margin-right: 0.5rem;
z-index: 1000;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.option-input:checked {
      : url(../img/quickReceivables/checkBg.png) no-repeat; size: 100% 100%;
border:0;
}