49 lines
1.1 KiB
HTML
49 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Test rendering Apple Pay buttons</title>
|
|
<style>
|
|
.apple-pay-button {
|
|
-webkit-appearance: -apple-pay-button;
|
|
display: block;
|
|
}
|
|
|
|
.white {
|
|
-apple-pay-button-style: white;
|
|
}
|
|
|
|
.white-outline {
|
|
-apple-pay-button-style: white-outline;
|
|
}
|
|
|
|
.black {
|
|
-apple-pay-button-style: black;
|
|
}
|
|
|
|
.check-out {
|
|
-apple-pay-button-type: check-out;
|
|
}
|
|
|
|
.book {
|
|
-apple-pay-button-type: book;
|
|
}
|
|
|
|
.subscribe {
|
|
-apple-pay-button-type: subscribe;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body bgcolor="#E6E6FA">
|
|
<script>
|
|
for (let style of ["white", "white-outline", "black"]) {
|
|
for (let type of ["check-out", "book", "subscribe"]) {
|
|
var buttonNoRadius = document.createElement("button");
|
|
buttonNoRadius.classList.add("apple-pay-button", style, type);
|
|
document.body.appendChild(buttonNoRadius);
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|