我有一個 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 按鈕。
uj5u.com熱心網友回復：
我試過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;
}
所以原因基本上是它在某處沒有顯示/隱藏。我認為您必須修改該顯示以適應您的需要。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/478200.html
標籤：javascript html css 按钮 苹果支付网络
上一篇：在td中的2個按鈕之間放置空格
下一篇：將值附加到元組