饿了么table hover时的效果

背景颜色实现效果：

代码：

::v-deep .el-table .el-table__body tr td:hover{ background-color: #d4b021 !important; }

边框实现效果：

代码：

::v-deep .el-table .el-table__body tr td { border: 2px solid transparent !important; } ::v-deep .el-table .el-table__body tr td:hover { border: 2px solid red !important; }

鼠标移入更换整行的背景颜色，实现效果：

代码：

::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: #212e3e !important; }

demo地址：