setHoverStyle()

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

This function supports the Multiple Hosted Session functionality.

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

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

giftCard.number

giftCard.pin

ach.bankAccountNumber

ach.bankAccountHolder

ach.routingNumber

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