Focus on checkbox not consistent with checkbox border and outline

Question

I have customized my checkbox css. I have given an outline and a border to my checkbox. When i focus or click on the checkbox, the border and outline are not consistent with