无障碍 CSS 复选框生成器

为什么这个工具有用

创建带品牌风格的复选框，同时不丢失原生已勾选的输入、键盘访问能力或为无鼠标导航的人提供清晰的焦点指示。

工作原理

浏览器将尺寸限制在实际范围内，仅接受六位数颜色，并在返回可复用的 CSS 之前，从静态 DOM 节点渲染带勾选的预览。

实际示例

设置一个24像素的控件、6像素的圆角和紫色焦点环，以匹配紧凑的设置表单，同时保留可见的键盘轮廓。