setFocusStyle()

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

This function supports the Multiple Hosted Session functionality.

PaymentSession.setFocusStyle([hostedFieldsRole], styles, scope)

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

hostedFieldsRole Array

An array of field roles for the hosted card fields, to be styled when the focus is gained. Valid values for array of field roles:

card.number

card.expiryMonth

card.expiryYear

card.securityCode

giftCard.number

giftCard.pin

ach.bankAccountNumber

ach.bankAccountNumberConfirmation

ach.bankAccountHolder

ach.routingNumber

directDebitCanada.bankAccountNumberConfirmation

directDebitCanada.bankAccountHolder

directDebitCanada.bankAccountNumber

directDebitCanada.financialInstitutionNumber

directDebitCanada.transitNumber

styles Object

An object containing JavaScript CSS properties.

scope String

The optional named instance of a card payment data set within a session. See Multiple Hosted Sessions for more information.

None