相关疑难解决方法(0)

这两种方法中的哪一种符合W3C标准？它们是否都在浏览器中按预期运行？

border:none;
边界:0;

我使用标准标签向网站上的图像添加一些本机延迟加载loading="lazy"。它工作正常并且完成了我想要的工作，但在 Safari（桌面版和移动版）中，加载之前的图像有一个白色边框，我似乎无法摆脱它。当您滚动时，它只会出现短暂的闪烁，但在其他黑暗的网站上尤其明显且烦人！

这似乎与图像加载失败时发生的情况相同，并且可以通过使用 Safari 的“开发”菜单禁用图像来复制。

我尝试用我能想到的所有 CSS 来删除它......

border: none !important;
outline: none !important;
border-color: #000 !important;

...但没有运气摆脱它。

有人能帮忙吗？这可能吗？谢谢

其外观示例：

某种狂野的巫术正在这里发生oO在Chrome中,图像有边框,出于某种原因,我对此无能为力.问题在于滑块 - 拇指,仅适用于Chrome.我尝试将border:none和border-style:none应用于img元素,但仍然没有.

HTML代码:

<div class="promo_tumbs col_12">
                    <div data-dir="prev" class="prev"></div>
                    <div data-dir="next" class="next"></div>
                    <div class="promo_tumbs_centar">
                        <a><img class="promo_tumb promo_tumb_current" /></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                        <a><img class="promo_tumb"/></a>
                    </div>
</div>

CSS:

.promo_tumbs .prev:hover, .promo_tumbs .next:hover {cursor: pointer;}
.promo_tumbs .prev {position: absolute; left: 0;background: url('../img/resursi/slider_arrows.png') no-repeat 0 -208px;}
.promo_tumbs .prev:hover {background: url('../img/resursi/slider_arrows.png') no-repeat 0 -312px}
.promo_tumbs .next {position: absolute; right: 0;background: url('../img/resursi/slider_arrows.png') no-repeat 0 0px; }
.promo_tumbs .next:hover {background: url('../img/resursi/slider_arrows.png') no-repeat 0 -104px}
.promo_tumbs_centar {width: 90%;margin: …