修改element ui 样式 去掉hover效果

要修改Element UI的样式并去掉hover效果，可以通过自定义CSS覆盖默认样式。以下是具体步骤：

1. **找到需要修改的组件**：确定你要修改哪个Element UI组件的hover效果。例如，如果你要修改按钮的hover效果，你需要找到`el-button`类。

2. **编写自定义CSS**：在你的项目的全局或局部CSS文件中，编写覆盖Element UI默认hover效果的样式。例如：

   .el-button:hover {
     background-color: #f5f5f5; /* 设置你想要的背景颜色 */
     border-color: #ccc; /* 设置你想要的边框颜色 */
     color: #333; /* 设置你想要的文字颜色 */
     transition: none; /* 移除过渡效果 */
   }

3. **引入自定义CSS文件**：确保你的自定义CSS文件被正确引入到项目中，通常在`index.html`或者主JavaScript文件中引入。

4. **检查效果**：保存更改后，刷新浏览器查看效果。如果hover效果没有改变，可能是你的CSS选择器优先级不够高，可以尝试增加选择器的优先级。

通过以上步骤，你可以成功地修改Element UI组件的hover效果。