无法从链接的 woocommerce 产品图片中删除边框

Question

我刚刚将 https://bestfamily.gr 的店面主题更新为 2.5.5，我注意到 当我点击 产品图片或图片 link显示边框。

我把我的 css

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.lazyloaded {
    text-decoration: none !important;
    border: 0 none !important;
}

或

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
    text-decoration: none !important;
    border: 0 none !important;
}

但还是一无所获。在以前版本的主题中没有显示边框如果有帮助，我正在使用带有延迟加载的 imagify 和 wp-rocket。

Answer 1

您必须更改 :focus

试试这个：

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent;
}

无法从链接的 woocommerce 产品图片中删除边框

Cannot remove border from linked woocommerce product image

css

wordpress

storefront

woocommerce