如何从 Shopify 集合中的产品中删除下划线
How to remove underline from product in Shopify collection
我想删除悬停时的下划线。
第一步是识别元素,然后识别应用的样式。在您的示例中,下划线 (border-bottom) 在产品卡处于焦点或悬停时出现。相关的 CSS 规则位于 theme.scss.css 文件的第 8551 行。因此,只需从您的 CSS 文件中删除此规则即可。
.product-card:hover .product-card__title,.product-card:focus-within .product-card__title {
border-bottom-color:#3a3a3a;
}
我想删除悬停时的下划线。
第一步是识别元素,然后识别应用的样式。在您的示例中,下划线 (border-bottom) 在产品卡处于焦点或悬停时出现。相关的 CSS 规则位于 theme.scss.css 文件的第 8551 行。因此,只需从您的 CSS 文件中删除此规则即可。
.product-card:hover .product-card__title,.product-card:focus-within .product-card__title {
border-bottom-color:#3a3a3a;
}