jquery - 提交按钮有时只能在 iPhone 上工作 - CSS 问题？

Question

我正在我的 Wordpress 网站上安装 Stripe Checkout，大多数情况下进展顺利。

但是，我发现我页面上本应启动结帐流程的按钮只能在 iPhone(Safari 和 Chrome)上间歇性工作。

这是页面:

http://www.radionowhere.net/kit/

(按钮实际上是在说“获取我的 CD!”)

我发现有时按钮在单击时立即起作用，有时它们需要单击 4 或 5 次。我不得不做一堆 CSS 摆弄来使这些正确，所以我怀疑那里可能有一些奇怪的东西导致了问题，但我找不到它。

有什么想法吗？谢谢!

Answer 1

您需要访问该 CSS，这可能是一种覆盖它的方法:

.stripe-button-el:not(:disabled):active,.stripe-button-el.active { 
visibility: initial !important;
 } 

 .stripe-button-el:not(:disabled):active span,.stripe-button-el.active span {
visibility: initial !important;
 }