无法从链接的 woocommerce 产品图像中删除边框
问题:无法从链接的 woocommerce 产品图像中删除边框 我刚刚将https://bestfamily.gr的店面主题更新为 2.5.5,我注意到当我单击产品图像或图像链接时会显示边框。 我把我的CSS img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.lazyloaded { text-decoration: n
·
问题:无法从链接的 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;
}
更多推荐
已为社区贡献13074条内容
所有评论(0)