Html 适用于woocommerce的Apple Pay按钮样式

我想定制Woocommerce/Stripe附带的Apple Pay按钮。默认情况下，按钮的边框半径为4px，我想将其更改为0px。此外，该按钮是在一个包装，我想改变它的填充顶部为0px。我想知道这是否可以通过CSS进行修改？下面是源HTML代码（任何关于如何进行的提示都将不胜感激）

尝试添加以下CSS：

#wc-stripe-payment-request-button {
  background-color: black;
  border: solid black 1px;
}

这是否提供了所需的外观？
似乎是stripe for Woocommerce通过js.stripe.com的iframe加载付款请求按钮。。。不幸的是，无法在来自不同域的iframe中对内容进行样式化。我阅读了iframe样式以供参考#WoCommerce提供的wc条带付款请求按钮选择器是包含iframe（付款请求按钮）的DIV的id。在下面找到我的伪元素解决方案：

编辑：这是我使用的。。它有我所有的风格，所以根据你的喜好调整它们，但效果很好。如果你有任何问题，请告诉我

注意：我的购物车背景为白色，我的付款按钮在Woocommerce设置中设置为60像素高的黑色样式。您可能需要添加媒体查询来调整您的主题断点，但其响应性相当好。如果您不希望大纲显示“快速结帐”，只需删除这段代码“#wc stripe payment request button:：after{CSS styles}”。。我想我会加上它，以防有人有兴趣“复制”欢呼声。


#wc条带付款请求按钮分隔符{字体大小：80%；边距：10px 0px 8px 0px！重要；
颜色：#巴巴巴；
填充：0px！重要；
}
#wc条带付款请求按钮{轮廓：3px实心#e6e6；轮廓偏移：18px；填充：1px 5px 0px 5px；变换：比例（.8）；
}
#wc条带付款请求按钮：：在{内容：''之前；
宽度：99%；
高度：66px；
位置：绝对位置；
z指数：999；
底部：-3px；
左：钙（50%-49.5%）；
指针事件：无；
边框：7px实心#fff；
外形：4px实心#fff；
背景：rgb（255255,6）；
}
#wc条带付款请求按钮：：在{内容：'EXPRESS CHECKOUT'；位置：绝对；
背景：#fff；
字体大小：87%；
颜色：#AAAAA；
字体系列：“Oswald”，无衬线！重要；字母间距：.12em；
显示：块；
左：计算（50%-82px）；
字体大小：400；
填充：0px 4px 0px 8px；
保证金：-96px 0px 0px 0px；
}
apple pay按钮的简单和最佳造型，可在所有布局（iPhone/MacBook）中完全调节。它目前正在我的网站上运行

这是CSS

#applePay {
    width: 100%;
    height: 50px;
    display: none;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-style: black;
    -apple-pay-button-type: book;
}

这是HTML文件

 <div id="apple-pay-web">
   <div class="col-xl-12"><label>Pay With ApplePay</label></div>
   <div class="col-xl-12" style="text-align: center;padding: 0">
   <button type="button" id="applePay" lang="en"></button>
   <div id="got_notactive" class="alert alert-primary apw" role="alert"><?= Yii::t("app", 'ApplePay is possible on this browser, but not currently activated') ?></div>
  <div id="notgot" class="alert alert-danger apw" role="alert"><?= Yii::t("app", 'ApplePay is not available on this browser') ?></div>
  <div id="success" class="alert alert-success apw" role="alert"><?= Yii::t("app", 'Test transaction completed, thanks') ?></div>
   </div>
 </div>


用苹果支付
看看这是否对你有帮助：祝你好运！你好，David，我在购物车页面上尝试了以下代码，但不幸的是，它对我不起作用。woocommerce购物车按钮。apple-pay-button{边界半径：0px}。无论如何谢谢Hi Manu，如果你没有其他的建议，你能发布一个我们可以看到按钮的URL吗？这样就更容易识别您需要的CSS选择器。谢谢你好，大卫，很抱歉反应太晚。现在，我不得不着手另一项任务。但当我回去解决这个问题时，我会让你知道。你好，贾斯汀，不幸的是没有。似乎我找不到可以应用CSS代码的元素的名称。。。。谢谢，我意识到我在上面的CSS中犯了一个错误
.wc条带付款请求按钮
应该是
#wc条带付款请求按钮
。我编辑了答案；你能试试修订版，看看是否有效吗？你好，贾斯汀，很抱歉回复太晚了。我确实试过了，但没能成功。现在我已经放弃了，但当我有更多的时间时，我会回到这个任务，如果有任何相关的事情发生，我会让你知道。非常感谢您的帮助。感谢所有人的帮助/评论，并对延迟回复表示抱歉@乔希，我试过你的代码，效果很好！谢谢你的回复，我很高兴你能使用它！！干杯
 <div id="apple-pay-web">
   <div class="col-xl-12"><label>Pay With ApplePay</label></div>
   <div class="col-xl-12" style="text-align: center;padding: 0">
   <button type="button" id="applePay" lang="en"></button>
   <div id="got_notactive" class="alert alert-primary apw" role="alert"><?= Yii::t("app", 'ApplePay is possible on this browser, but not currently activated') ?></div>
  <div id="notgot" class="alert alert-danger apw" role="alert"><?= Yii::t("app", 'ApplePay is not available on this browser') ?></div>
  <div id="success" class="alert alert-success apw" role="alert"><?= Yii::t("app", 'Test transaction completed, thanks') ?></div>
   </div>
 </div>