怎么去掉a-upload中鼠标悬停出现的遮罩层
时间: 2024-03-11 17:48:18 浏览: 25
要去掉a-upload中鼠标悬停出现的遮罩层,可以通过覆盖a-upload的CSS样式来实现。具体的做法是,给a-upload添加一个自定义的CSS类,然后在该类中设置遮罩层的CSS样式为none,如下所示:
```css
.no-mask:hover .el-upload-list__item-thumbnail {
background-color: transparent !important;
}
.no-mask:hover .el-upload-list__item-actions {
display: block !important;
}
```
然后在使用a-upload时,给它添加这个自定义的CSS类,就可以去掉鼠标悬停出现的遮罩层了。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)