hover-input

根据提供的引用内容，可以通过以下两种方法来实现:hover时修改el-input的边框样式：

方法一：
在el-input上添加一个:hover的类名，然后在CSS中定义该类名的样式，如下所示：

<el-input class="inputDeep hover-input" readonly v-model="planName"></el-input>

.inputDeep {
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: default;
    .el-input__inner {
      cursor: default !important;
    }
  }
}

.hover-input:hover {
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 2px var(--el-input-hover-border-color, var(--el-border-color)) inset;
  }
}

方法二：
直接在CSS中使用:hover选择器来修改el-input的边框样式，如下所示：

.xxxx:hover {
  :deep(.el-input__inner) {
    text-align: center;
  }
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 2px var(--el-input-hover-border-color, var(--el-border-color)) inset;
  }
}