element ui 文字类型的按钮 鼠标移入时添加一秒背景

Element UI 提供了一种简单的方法来实现鼠标移入时背景颜色的变化。您可以使用 Element UI 的 `el-button` 组件，并结合 CSS 过渡效果来实现这个需求。

首先，您需要给按钮添加一个自定义的类名，以便于后续操作。例如，我们给按钮添加一个名为 `custom-button` 的类名。

接下来，您可以使用 CSS 的 `:hover` 伪类选择器来定义鼠标移入时按钮的样式。在这里，您可以设置按钮的背景颜色为您所需的颜色。

最后，为了实现背景颜色的过渡效果，您可以使用 CSS 的 `transition` 属性来定义过渡的持续时间。在这里，您可以将过渡时间设置为 1 秒。

以下是一个示例代码：

<template>
  <div>
    <el-button class="custom-button">文字按钮</el-button>
  </div>
</template>

<style>
.custom-button:hover {
  background-color: #ff0000; /* 设置鼠标移入时的背景颜色 */
  transition: background-color 1s;＊＊＊