Apple 支付按鈕未顯示在 HTML 網站中

Question

我有一個 HTML 文件，在其中添加了如下所述的代碼： https ://developer.apple.com/documentation/apple_pay_on_the_web/displaying_apple_pay_buttons_using_javascript

所以我的 HTML 代碼如下所示：

<!DOCTYPE html>
<html>
<head>
  <script src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"></script>

  <style>

    apple-pay-button {
      --apple-pay-button-width: 140px;
      --apple-pay-button-height: 30px;
      --apple-pay-button-border-radius: 5px;
      --apple-pay-button-padding: 5px 0px;
    }

  </style>
</head>

<body>

<apple-pay-button buttonstyle="black" type="plain" locale="en">Check out</apple-pay-button>

</body>
</html>

當我在 MacBook Pro 上的 Chrome 或 Safari 中打開 HTML 文件時，它不顯示該按鈕。 控制台中也沒有 JavaScript 錯誤。

如何使 Apple 支付按鈕顯示在瀏覽器中。 我特別需要帶有 Apple 標志的 Check out 按鈕。

Answer 1

我嘗試添加display: initial; 在 - 的里面

apple-pay-button {
  --apple-pay-button-width: 140px;
  --apple-pay-button-height: 30px;
  --apple-pay-button-border-radius: 5px;
  --apple-pay-button-padding: 5px 0px;
}

代碼，它對我有用。 添加后是這樣的：

apple-pay-button {
  --apple-pay-button-width: 140px;
  --apple-pay-button-height: 30px;
  --apple-pay-button-border-radius: 5px;
  --apple-pay-button-padding: 5px 0px;
  display: initial;
}

所以原因基本上是它在某處沒有顯示/隱藏。 我認為您必須修改該顯示以適應您的需要。

Apple 支付按鈕未顯示在 HTML 網站中

問題描述

1 個解決方案

解決方案1
1 已采納 2022-05-19 10:26:31

Apple 支付按鈕未顯示在 HTML 網站中

問題描述

1 個解決方案

解決方案1 1 已采納 2022-05-19 10:26:31

解決方案1
1 已采納 2022-05-19 10:26:31