HTML / CSS 自定义 PayPal Wordpress 页面上的按钮

Question

对于我的结帐页面，我试图将 paypal“快速结帐”按钮对齐到左侧。 使用 Firebug，我发现 CSS 部分尚未设置为中心。 如果我输入“left”，它确实会向左移动。 因此，我将规则复制到了 Wordpress 中的自定义 css 字段

#zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive {
text-align: left;}

第一位不是 static 虽然这可能是刷新页面后它再次居中的原因。 我怎样才能让它永久化？

Answer 1

使用相关元素的类之一，而不是动态生成的按钮 ID，例如：

.paypal-button-size-responsive {
  text-align: left;
}

问题是屏幕截图中折叠的<style>元素中有一个更具体的内联选择器。 #zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive将始终覆盖.paypal-button-size-responsive 。 您需要查看生成结帐页面的插件，并查看这些 styles 的内联位置并将其删除。

或者，这并不是真正推荐的，如果您在跟踪它时遇到问题，您可以使用!important规则来否决更具体的 ID 选择器，即text-align: left;important; . 然而，这是一个不好的习惯，因为从长远来看，这会使维护您的 CSS 变得更加困难。

如果您可以评论或编辑您的问题以包含您正在使用的生成相关代码的插件，我会看看是否可以为您提供更多关于在哪里可以找到相关<style>元素的细节。