es1*_*es1 3 html javascript css button applepay-web
我有一个 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 pay 按钮显示在浏览器中？我特别需要带有 Apple 徽标的“结账”按钮。
小智 5
我试过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;
}
所以原因基本上是它没有显示/隐藏在某处。我认为您必须修改该显示才能满足您的需求。