setHoverStyle()

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

Usage

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

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.expiryMonth', 'card.expiryYear', 'card.securityCode', 'giftCard.number', 'giftCard.pin', 'ach.bankAccountNumber', 'ach.bankAccountNumberConfirmation', 'ach.bankAccountHolder', 'ach.routingNumber', 'directDebitCanada.bankAccountHolder', 'directDebitCanada.bankAccountNumber', 'directDebitCanada.bankAccountNumberConfirmation', 'directDebitCanada.financialInstitutionNumber','directDebitCanada.transitNumber']

styles Object COMPULSORY

An object containing JavaScript CSS properties.

Return Value

None