layui多选框样式

layui是一个轻量级的前端UI框架，它提供了一套简单易用的表单组件，其中包括多选框（Checkbox）。layui的多选框样式可以通过CSS进行定制，主要涉及到以下几个方面：

1. **基础样式**：`layui-form-checkbox` 是多选框的基本选择器，你可以修改它的颜色、大小、间距等基本样式。

.layui-form-checkbox {
   color: #333; /* 标题文字颜色 */
   font-size: 14px; /* 文字大小 */
   margin-right: 5px; /* 与相邻选项的距离 */
}

2. **选中状态**：当选中某个多选框时，会有额外的状态样式，如`.layui-checked`，你可以调整这个状态下的颜色、背景等。

.layui-checked {
   background-color: #e6f6ff; /* 已选中时背景色 */
   border-color: #99cc00; /* 边框颜色 */
}

3. **禁用状态**：对于不可交互的多选框，可以使用 `.layui-disabled` 来设置灰度显示或完全隐藏。

.layui-disabled {
   opacity: 0.5; /* 禁用时透明度降低 */
   cursor: not-allowed; /* 鼠标指针样式 */
}