设置el-button鼠标按下颜色

在Element UI库中的`el-button`组件中，如果你想改变按钮在鼠标按下时的颜色，你可以通过CSS来定制"active"状态下的样式。首先，你需要找到`el-button`元素的基本类名，对于Element UI默认样式，它是`.el-button`，然后添加`:active`伪类来设置激活状态的样式。

例如，如果你想将鼠标按下时的背景色改为红色，可以这样做：

.el-button:active {
  background-color: red;
  /* 如果需要更改其他样式，如边框颜色等 */
  color: white; /* 文字颜色 */
}

如果你是在Vue中操作，你可以在`.vue`文件的`style`标签内或者全局CSS文件中编写这段样式，或者直接在`<el-button>`组件的`style`属性里添加自定义样式，如`v-bind:class="{ active: isSelected }"`，然后在对应的JavaScript中控制`isSelected`变量。

相关问题

<el-button>el-button</el-button> 只有文字

<-button>el-button</el-button> 只有文字，如果你想要改变按钮的样式，可以使用CSS来自定义样式。你可以使用类选择器来选择按钮，然后使用CSS属性来改变按钮的样式。例如，你可以使用以下代码来改变按钮的背景颜色和字体颜色：

.el-button {
background-color: #FFFFFF;
color: #000000;
}

如果你想要改变鼠标悬停时的背景颜色，可以使用:hover伪类。例如：

.el-button:hover {
background-color: #F4F4F4;
}

如果你想要改变点击按钮后的背景颜色和字体颜色，可以使用:focus伪类。例如：

.el-button:focus {
background-color: #BBBBBB;
color: #FFFFFF;
}

请注意，以上代码只是示例，你需要根据自己的需求来修改样式。

<el-button type="primary" plain @click="downDoc">导出</el-button>改变hover颜色

你可以在样式表中添加以下代码来改变鼠标悬停时按钮的背景颜色：

.el-button:hover {
  background-color: #409EFF; /* 更改为你想要的颜色 */
}

记得将 `#409EFF` 替换为你想要的颜色值。如果你想要改变鼠标悬停时按钮的文本颜色，可以添加以下代码：

.el-button:hover {
  color: #fff; /* 更改为你想要的颜色 */
}

同样，将 `#fff` 替换为你想要的颜色值即可。