css3怎么实现选择全选让复选框全部选中

html-css020

css3怎么实现选择全选让复选框全部选中,第1张

这个是无法通过css来实现的,必须用JavaScript。

如果把一个网页比作一间酒吧,那么css负责酒吧的内外装修,而JavaScript负责提供酒吧里的各种服务。而你说的功能是包含与顾客的互动内容的(需要鼠标点击),这就不是装修所能解决的了,需要酒吧的服务员给你提供服务才行。

实现方法:

1.手动添加一个el-table-column,设type属性为selection即可

<el-table-column type="selection" width="100px"></el-table-column>

2.在el-table-column中设置label属性并不会起作用,因此全选二字需要使用CSS来实现

.el-table__header .el-table-column--selection .cell .el-checkbox:after {

color: #333

content: "全选"

font-size: 16px

margin-left: 12px

font-weight: bold

}

这个样式实测有效!