# 如何禁用或隐藏图片灯箱的下载按钮？

**URL:** https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200
**Category:** Support
**Created:** [2022年八月5日 08:14 UTC](https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200 "2022-08-05T08:14:41Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![riteshsaini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riteshsaini/32/266453_2.png) [@riteshsaini](https://meta.discourse.org/u/riteshsaini)
#### Post date: [2022年八月5日 08:14 UTC](https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200/1 "2022-08-05T08:14:42Z")

</div>

如何移除或隐藏此按钮：

 ![下载按钮](https://global.discourse-cdn.com/meta/original/4X/1/d/4/1d43b525eb9a17e59aabe742d19aaa120de988d8.jpeg)

原始图像按钮应保留。

谢谢。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2022年八月5日 15:12 UTC](https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200/2 "2022-08-05T15:12:43Z")

</div>

这段 CSS 添加到主题中即可实现：

```css
.mfp-bottom-bar .image-source-link:first-of-type {
  display: none;
}

```

但不幸的是，您最终会得到一个双重 • •，因为这些分隔符是静态的，无法通过 CSS 定位。

![Screen Shot 2022-08-05 at 11.10.19 AM](https://global.discourse-cdn.com/meta/original/4X/9/0/2/90222ab2056bcb95c2bcbdc01c87f1d1727d29a2.png)

我们也许可以在某个时候改进那里的标记，以避免这种情况。

---

<div class="post-metadata">

### Author: ![riteshsaini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riteshsaini/32/266453_2.png) [@riteshsaini](https://meta.discourse.org/u/riteshsaini)
#### Post date: [2022年八月6日 05:21 UTC](https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200/3 "2022-08-06T05:21:16Z")

</div>

感谢 @awesomerobot 一直以来的帮助 🙂

---

<div class="post-metadata">

### Author: ![tmn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tmn/32/267788_2.png) [@tmn](https://meta.discourse.org/u/tmn)
#### Post date: [2022年八月6日 08:44 UTC](https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200/4 "2022-08-06T08:44:48Z")

</div>

感谢 @awesomerobot 提供的有效 CSS！

我发现用这个可以隐藏鼠标悬停时图片的元数据：  
`.meta{display:none;}`

用这个可以隐藏所有内容：  
`.mfp-bottom-bar{display:none;}`

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2022年九月5日 08:45 UTC](https://meta.discourse.org/t/how-do-i-disable-or-hide-download-button-from-image-lightbox/235200/5 "2022-09-05T08:45:12Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.