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.

Usage

PaymentSession.setHoverStyle([<HostedFieldsRole>], styles, [scope])

Example

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

scope String OPTIONAL

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

Return Value

None