如何解决有什么办法可以设置组件容器的输入字段/按钮的样式吗?
如何在我的 css 中引用 Adyen 组件中的特定标签?
import AdyenCheckout from '@adyen/adyen-web';
import '@adyen/adyen-web/dist/adyen.css';
这是我的内在
<div id="component-container"></div>
解决方法
您可以提供引用您要更改的类的 css 规则,例如 adyen-checkout__button
以应用由 adyen 组件创建的任何按钮的设置或 adyen-checkout__button--pay
以专门更改支付按钮。>
Adyen 提供了一个 list of css classes。
对于卡片字段,这些使用 iframe 来收集详细信息和 styling information has to provided when initializing the adyen component。
const checkout = new AdyenCheckout({
paymentMethodsResponse: paymentMethodsResponse,clientKey: adyenClientKey,paymentMethodsConfiguration: {
card: {
styles: {
base: {
color: 'black',fontSize: '16px',fontSmoothing: 'antialiased',fontFamily: 'Helvetica',},error: {
color: 'red',...
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。