Discussion on: Create custom keyboard accessible checkboxes

View post

Replies for: Hi! great article. But have you tried this out on iPhone? left: -99999px might be considered as out of view port, so clicking on checkbox might not...

clip: rect(0,0,0,0); may solve this instead of left

Yeah, I used to use clip more, must have slipped my brain.

The good news though is you're thinking about ensuring that the checkbox will work, both minds in the right place :D

I like doing

[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}