问题:无法从链接的 woocommerce 产品图像中删除边框

我刚刚将https://bestfamily.gr的店面主题更新为 2.5.5,我注意到当我单击产品图像或图像链接时会显示边框。

我把我的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 以及延迟加载。

解答

你必须改变: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;
}