Impossible to override checkbox focus styling

[DenisCor]

.cds--checkbox:focus {
  outline: none !important;
}

This wont work!

This is for TableSelectRow and TableSelectAll components.

EDIT: Fixed.

had to also include

.cds--checkbox - label {
    & : before {
        outline: none;
    }
}

which is weird..

[tw15egan]

We do not recommend overriding focus styles, as this could potentially introduce a11y violations