闪烁复选框

Question

美好的一天！
有一个checkbox，由label设计。
当您将鼠标悬停在checkbox上时，它会闪烁一次，激活后也会闪烁一次，这是什么问题？
怎么让它不眨眼？
HTML：

<input type="checkbox" id="checkID" name="checkID" value="false"/>
<label for="checkID" class="checkbox " onclick="anonymousCheckbox(event, this)"><span></span>anonymous</label>

CSS：

.checkbox {cursor: pointer}

.checkbox:before {
    display: block;
    cursor: pointer;
    content: '';
    float: left;
    background: url(/img/svg/check_box_before.svg);
    margin: 0 7px 0 0;
    width: 15px;
    height: 15px
 }

.checkbox:hover:before {background-image: url(/img/svg/check_box_hover.svg)}

.checkbox.on:before {background-image: url(/img/svg/checkbox_before.svg)}

.checkbox.on:hover:before {background-image: url(/img/svg/checkbox_hover.svg)}