如何在 Safari 中删除延迟加载图像上的白色边框
How to remove white border on lazy loaded images in Safari
我正在使用标准 loading="lazy" 标签向网站上的图像添加一些本机延迟加载。它工作正常并且可以完成我想要的工作，但是在 Safari（桌面和移动）中，加载之前的图像有一个我似乎无法摆脱的白色边框。它只会在您滚动时出现短暂的闪烁，但在一个原本黑暗的网站上特别明显和烦人！
这似乎与图像加载失败时发生的情况相同，并且可以通过使用 Safari 的“开发”菜单禁用图像来重现。
我已经尝试用我能想到的所有 CSS 删除它...
border: none !important;
outline: none !important;
border-color: #000 !important;
...但没有运气摆脱它。
有人能帮忙吗？这可能吗？谢谢
外观示例：
您可以查看 Safari Webkit 以更改某些内容，例如滚动条等。
此处已回答：chrome/safari display border around image
如果您向下滚动到主要答案下方，Simon_Weaver 给出了延迟加载条件解决方案的详细答案。
我正在使用标准 loading="lazy" 标签向网站上的图像添加一些本机延迟加载。它工作正常并且可以完成我想要的工作，但是在 Safari（桌面和移动）中，加载之前的图像有一个我似乎无法摆脱的白色边框。它只会在您滚动时出现短暂的闪烁，但在一个原本黑暗的网站上特别明显和烦人！
这似乎与图像加载失败时发生的情况相同，并且可以通过使用 Safari 的“开发”菜单禁用图像来重现。
我已经尝试用我能想到的所有 CSS 删除它...
border: none !important;
outline: none !important;
border-color: #000 !important;
...但没有运气摆脱它。
有人能帮忙吗？这可能吗？谢谢
外观示例：
您可以查看 Safari Webkit 以更改某些内容，例如滚动条等。
此处已回答：chrome/safari display border around image
如果您向下滚动到主要答案下方，Simon_Weaver 给出了延迟加载条件解决方案的详细答案。