CSS 转换滞后

Question

我遇到的问题是，我的“继续结帐按钮”在移动设备上滞后于 CSS 转换，它在加载完成的外观之前加载按钮填充区域为灰色和黑色。

页面链接

这是我添加的用于自定义按钮的 CSS。

.wp-block-woocommerce-cart .wc-block-cart__submit-button {
 background-color: #000000;
 color: #ffffff;
}

Answer 1

如果我理解你的问题是正确的，你想去掉填充。

您可以通过将以下代码行插入 CSS 样式表来实现此目的：

padding: 0 !important;

这将从所需元素（在您的情况下为按钮）中删除填充。