如何在贝宝卡支付字段中禁用填充

Posted 2023-02-22

【中文标题】如何在贝宝卡支付字段中禁用填充

【英文标题】：How to disable padding in paypal card payments fields

【发布时间】：2021-03-10 13:22:25

【问题描述】：

我在使用 paypal 卡付款字段时遇到问题。正如你所看到的，填充在它们中非常大，我现在不知道为什么。我试图在所有可能的地方将填充归零，但它没有帮助。知道我该怎么做吗？

代码如下：

【问题讨论】：

可能不是填充。可能是高度。

你不应该对这些字段有任何访问权限，paypal 的表单是沙盒的。你也不应该关心这些领域：这不是你的内容。这是第三方内容，只有您不对其进行任何更改，人们才能信任它。即使您“只是删除一些填充”，也没有人可以信任您。

我知道这是 paypal 的东西，不是我的，但如果他们允许你编辑样式，为什么不使用它，它看起来很糟糕，不鼓励你购买

【参考方案1】：

好的，唯一可行的方法是将元素高度设为 20px，但这仍然不能解决如何在没有恒定值的情况下调整此填充

【讨论】：

没有填充。您还没有提供实际渲染的 CSS 以供检查，因此我们无法告诉您如何调整它。

高度 100% 将基于容器高度

【参考方案2】：

做一件事。在您的 chrome 浏览器中打开 开发者控制台 (Ctrl+shift+I)。

右键单击每个字段并检查。查看是填充还是高度并进行相应调整。

此外，有时会应用来自其他 CSS 文件的 CSS。使用!important 交叉检查是否是这种情况。

根据您在问题中提供的信息，我现在只能这么说:)

更新：开发者控制台演示：

当某些东西似乎损坏或不符合要求时，请始终执行此步骤。

【讨论】：

在开发控制台中没有填充或任何类似的东西并且 !important 不起作用

对于右侧的每个元素，我们可以看到正在应用的样式。查看输入字段的样式。只有增加减少高度等。希望你明白我想说什么。

已为您更新了答案。每个 html 元素都有一个 CSS，我们可以在开发者控制台的右侧轻松找到该 CSS。然后单击左侧的任何 HTML 元素并在右侧找到其 CSS。我们也可以在这里使用 CSS 进行调试。希望你现在明白了:)

我知道你的意思，在样式中什么都没有，看起来元素是问题而不是填充或边距

不，亲爱的:) 你在右侧向下滚动。或者样式旁边有一个计算选项卡，从那里检查样式一次

【参考方案3】：

> TRY THIS!

body 
   margin: 0;
   padding: 0;