鼠标hover时显示el-input的内容

你可以使用CSS中的`:hover`伪类和`::before`伪元素来实现这个效果。具体步骤如下：

1. 给el-input元素加上一个特定的class，例如`hoverable-input`。
2. 使用CSS选择器选中这个元素，并设置其`position`属性为`relative`，以便后面使用绝对定位。
3. 使用`:hover`伪类选中这个元素，并选择其子元素`.el-input__inner`，设置其`opacity`属性为0，使其在鼠标悬停时不可见。
4. 再次使用`:hover`伪类选中这个元素，并选择其本身`.hoverable-input`，设置其`::before`伪元素的`content`属性为`attr(data-content)`，并将其余属性设置为需要的样式，例如`position: absolute; top: 0; left: 0; background: #fff; padding: 5px;`，这样就可以在鼠标悬停时显示`el-input`元素的内容了。

以下是示例代码：

<el-input class="hoverable-input" data-content="这是要显示的内容"></el-input>

.hoverable-input {
  position: relative;
}

.hoverable-input:hover .el-input__inner {
  opacity: 0;
}

.hoverable-input:hover::before {
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 5px;
}