css属性mix-blend-mode的应用,层叠样式,将 mix-blend-mode 应用于子元素,使其与父元素或其他兄弟元素混合。
应用实际场景:日历,不仅仅实现,点击插槽中的复选框进行选中,还要实现,点击日历某一格,实现复选框选中的效果,将父元素设置成如下形式
::v-deep .el-calendar-table .el-calendar-day{
padding: 0px !important;
height: 100%;
mix-blend-mode: multiply;
}