element-ui中hover-row 失效的解决方案

我在本地调试。element-ui的table组件的鼠标滑过效果，用纯css控制按钮的隐藏显示，
鼠标滑过会有hover-row，这个属性，但是在老大和其他同事的电脑上不显示，当时找了好半天，才发现hover-row失效了，在网上找到如下解决方法。

  .el-table--enable-row-hover .el-table__body tr:hover > td {
    .center_del {
      display: block;
      width: 90px;
      text-align: right;
    }
    .center_del_btn {
      display: block;
      width: 90px;
    }
  }

但还是保留了我本地的样式进行双重保障‘；

  .el-table__row {
    &.hover-row {
      .center_del {
        display: block;
      }
      .center_del_btn {
        text-align: right;
        display: block;
      }
    }
  }

哪里有问题望大佬指证；