setFocusStyle()

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

PaymentSession.setFocusStyle([hostedFieldsRole], styles)

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.securityCode

giftCard.number

giftCard.pin

ach.bankAccountNumber

ach.bankAccountHolder

ach.routingNumber

styles Object

An object containing JavaScript CSS properties.

None