Я пытался внедрить Apple Pay на сайте и в настоящее время изучаю различные рекомендации бренда пользовательского интерфейса, которые Apple предусматривает для кнопки Apple Pay, и следовал примерам разработчиков на сайте Apple.
Полезно, что большая часть стиля встроена в браузер Safari, но я изо всех сил пытаюсь понять, как изменить размер текста и логотип Apple на кнопке. В настоящее время я устанавливаю следующие CSS:
.apple-pay-button {
display: inline-block;
-webkit-appearance: -apple-pay-button;
-apple-pay-button-type: donate;
-apple-pay-button-style: white-outline;
background-image: -webkit-named-image(apple-pay-logo-white);
height: 177px;
width: 100%;
border-radius: 5px;
padding: 0;
background-color: white;
}
, а логотип и текст Apple массивные. Установка размера шрифта не имеет никакого эффекта, так что этого не может быть. Единственная вещь, которая, кажется, имеет отношение к шрифту и размеру логотипа в кнопке, это регулировка высоты, и мне нужно, чтобы высота составляла 177 пикселей для соответствия другим кнопкам.
Также связанный вопрос - как на самом деле отображается логотип и текст? Safari dev tools показывает пустой div. Там нет псевдоэлементов, и, похоже, это не из теневого DOM. Я предполагаю, что логотип является SVG, так как кажется, что он хорошо масштабируется, но я не вижу его в инструментах разработчика вообще. Было бы удобно точно знать, откуда берутся логотип и текст Apple.
Спасибо