WP form チェックボックスのチェックができない！

MW WP formでチェックボックスをしてもチェエクが入らない現象が起きました。

cssでcheckが入った時に疑似要素が入るように指定したら、 表示されるようになりました。

   
        input[type="checkbox"] {
            width: 15px;
            height: 15px;
            border: solid 1px $black;
            position: relative;

            // チェックが入ったら
            &:checked::before {
                content: "";
                position: absolute;
                width: 15px;
                height: 15px;
                background: red;
                left: 0;
                top: 0;
                display: block;
            }
        }