已复制

CSS 复选框生成器

自定义 Checkbox / Switch 样式，可视化调节参数

复选框设置

生成的 CSS 代码

/* 自定义复选框样式 */
使用说明
选择控件类型
支持复选框、开关(Switch)和单选按钮三种类型，点击顶部的标签即可切换。每种类型的 CSS 结构不同，工具会自动适配。
自定义颜色和尺寸
分别调节选中颜色、未选中颜色和文字颜色，以及整体大小和圆角参数，预览区会实时展示效果变化。
复制 CSS
下方完整生成了包括 HTML 结构的 CSS 代码，点击「复制 CSS」即可粘贴到项目中使用。代码隐藏了原始 input 并使用伪元素绘制自定义样式。