Skip to main content

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

2
  • 5
    Great idea, Volomike. Some improvements: 1) set width and height to 1em and top to 0.2em to make it scallable with the font size. 2) set background to center/cover to scale with the size. Also, the background-color in your code is redundant. 3) remove the cursor: pointer - keep the default behavior and let user set it in their stylesheet. Commented Aug 29, 2021 at 8:10
  • 2
    You can also just use: all: unset, for the checkbox, which has almost identical support out of the box, without requiring the browser-specific flags, and the caveats that come along with appearance. :) Commented Feb 13, 2022 at 12:40