去掉el-upload中鼠标悬停出现的遮罩层

### 移除 `el-upload` 组件中的鼠标悬停遮罩层

为了实现这一目标，可以通过自定义 CSS 来覆盖默认样式。Element UI 的 `el-upload` 组件在设计上会自动应用一些样式来增强用户体验，其中包括当鼠标悬浮时显示的遮罩层。

通过设置特定的选择器并调整其属性可以达到预期的效果：

/* 隐藏整个列表项上的hover效果 */
.el-upload-list__item:hover .el-upload-list__item-status-label,
.el-upload-list__item:hover .el-icon-close {
    display: none !important;
}

/* 如果需要完全去除list item的hover背景变化 */
.el-upload-list__item.is-ready:hover, 
.el-upload-list__item.is-finished:hover{
    background-color: transparent !important;
}

上述代码片段利用了 Element UI 中用于表示上传文件状态的相关类名，并将其 hover 状态下的子元素（如进度条、关闭图标等）设为不可见[^1]。需要注意的是，在实际项目中使用 `!important` 应该谨慎对待；这里仅作为确保样式的优先级高于框架自带样式的一种手段。

对于某些版本可能还需要进一步微调选择器以匹配具体的 DOM 结构。如果遇到问题未能生效，则建议检查浏览器开发者工具查看具体渲染后的 HTML 和 CSS 层叠情况以便做出相应修改。