vue使用element-ui表格移入修改tr背景色

element-ui表格移入（hover）修改背景色在对element-ui表格样式进行修改时，发现修改过后移入时，其背景色没有改变，与表格整体背景对比，则格格不入。刚开始以为是对每行tr移入时修改其背景，但通过开发者模式发现并不是那么简单，而对其改变的应该是移入tr时，改变的应该是其子td的背景色，即：.el-table__body tr:hover>td {backgrou...

七侠剑客

9191人浏览 · 2018-12-25 18:44:43

七侠剑客 · 2018-12-25 18:44:43 发布

element-ui表格移入（hover）修改背景色

在对element-ui表格样式进行修改时，发现修改过后移入时，其背景色没有改变，与表格整体背景对比，则格格不入。
在这里插入图片描述
刚开始以为是对每行tr移入时修改其背景，但通过开发者模式发现并不是那么简单，而对其改变的应该是移入tr时，改变的应该是其子td的背景色，即：

.el-table__body tr:hover>td {
		background-color: #134087 !important;
	}

结果如图所示：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^