setFocusStyle()

Sets the styling for the hosted field to the supplied styling attributes when focus on the hosted field in the iFrame is gained.

Usage

PaymentSession.setFocusStyle([<HostedFieldsRole>], styles)

Example

PaymentSession.setFocusStyle(["card.number","card.securityCode"], {
  borderColor: 'red',
  borderWidth: '3px'
});

Arguments

<HostedFieldsRole> Array COMPULSORY

An array of field roles for the hosted card fields, to be styled when the focus is gained. Valid array of field roles: ['card.number','card.securityCode', 'giftCard.number', 'giftCard.pin', 'ach.bankAccountNumber', 'ach.bankAccountHolder', 'ach.routingNumber']

styles Object COMPULSORY

An object containing JavaScript CSS properties.

Return Value

None

Copyright © 2023 MasterCard