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