setHoverStyle()

Sets the styling for the hosted field to the supplied styling attributes when the payer hovers over the hosted field in the iFrame.

PaymentSession.setHoverStyle([hostedFieldsRole], styles)

PaymentSession.setHoverStyle(["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.

None