提交按钮仅在iPhone上工作 - CSS问题？

Question

我在Wordpress网站上安装Stripe Checkout，大部分情况都很顺利。

但是，我发现我的页面上应该启动Checkout过程的按钮只能在iPhone（Safari和Chrome）上间歇性地工作。

这是页面：

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

（按钮实际上说＆＃34;获取我的CD！＆＃34;）

我发现点击时有时按钮立即工作，有时需要点击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;
 }