怎么去掉a-upload中鼠标悬停出现的遮罩层
时间: 2024-03-06 09:50:20 浏览: 71
要去掉a-upload中鼠标悬停出现的遮罩层,你可以通过以下CSS样式代码实现:
```
.el-upload-list__item:hover .el-upload-list__item-actions {
display: block;
}
.el-upload-list__item:hover .el-progress-bar {
display: none;
}
```
这段代码将会在鼠标悬停在上传列表项上时,将进度条隐藏,同时将操作按钮显示出来。这样就可以去掉a-upload中鼠标悬停出现的遮罩层。
相关问题
怎么去掉antd of vue框架中a-upload组件中鼠标悬停出现的遮罩层
您可以通过给a-upload组件添加样式来去掉鼠标悬停时出现的遮罩层。具体的做法是,找到a-upload组件的样式所在的文件(通常为less或sass文件),添加以下样式:
```
.ant-upload-list-item:hover .ant-upload-list-item-actions {
display: block;
}
```
这样就可以去掉鼠标悬停时出现的遮罩层了。
element ui el-upload 上传文件 鼠标放在文件名显示全部
您可以通过设置`show-file-list`属性为`true`,将鼠标悬停在文件名上时显示完整文件名。例如:
```html
<el-upload
class="upload-demo"
action="/upload"
:show-file-list="true">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
```
阅读全文