easyUI表格的表头checkbox的选中样式怎么调整
时间: 2024-03-09 17:50:10 浏览: 179
EasyUI 表格的表头 Checkbox 的选中样式可以通过 CSS 样式来进行调整。具体来说,可以通过修改以下样式来改变表头 Checkbox 的选中样式:
```css
/* 表头 Checkbox 的选中样式 */
.datagrid-header-check input[type="checkbox"]:checked + label:before {
content: '\e616';
color: #0078d7;
font-family: "Glyphicons Halflings";
font-size: 14px;
font-weight: normal;
}
/* 表头 Checkbox 的选中样式(IE8) */
.datagrid-header-check input[type="checkbox"]:checked + label {
background-position: 0 -32px;
border-color: #0078d7;
}
```
其中,`content` 属性的值表示选中状态下 Checkbox 前面的图标,`color` 属性的值表示选中状态下图标的颜色,`font-family` 属性的值为 EasyUI 内置的图标字体库,`font-size` 属性的值表示图标的大小,`font-weight` 属性的值表示图标的粗细。如果你想要修改选中状态下的背景色或边框颜色,可以通过修改 `background-color` 和 `border-color` 属性来实现。
另外,需要注意的是,以上样式只适用于默认情况下的表头 Checkbox。如果你使用了自定义的表头 Checkbox,需要相应地修改样式。
阅读全文