Форматирование полей ввода Recurly.js

Я создаю форму для обработки платежа через Recurly. В поля non-recurly.js для их компоновки используется Bootstrap.Форматирование полей ввода Recurly.js

Я стилизация, содержащий DIV, чтобы получить границы и границы радиус, чтобы соответствовать полям Bootstrap, но Bootstrap устанавливает отступы на полях ввода:

padding: 6px 12px;

... Я считаю, что вы передаете стили для фактического введите поля ввода через повторную настройку, поэтому я пробовал это:

style: { 
     all: { 
      fontFamily: 'Verdana', 
      fontSize: '14px', 
      fontWeight: 'normal', 
      padding: '8px' 
     }, 
     number: { 
      placeholder: 'Credit card number' 
     }, 
     month: { 
      placeholder: 'Exp. Month (mm)' 
     }, 
     year: { 
      placeholder: 'Exp. Year (yy)' 
     } 
    }

... но это просто игнорирование прокладки. Есть ли список поддерживаемых вариантов стиля для Recurly.js где-то? Кто-нибудь понял, как получить заполнение в поле ввода iFramed/injected?

источник

2016-05-27 Michael Fromin

из Docs -> [УКЛАДКА CARD ПОЛЕЙ] (https://dev.recurly.com/ docs/get-started-1 # section-styling-card-fields) – vanburen

@vanburen - это (к сожалению) пример, но не содержит исчерпывающий список того, что вы можете разместить в вызове configure(). –

У Recurly есть несколько классов css, которые могут быть написаны вместо этого. Я нашел это намного проще, чем пытаться использовать их стиль js.

Итак, я использую эти классы с помощью css и игнорирую все параметры js.

.recurly-hosted-field  = Default styles for the div surrounding each field iframe. 
.recurly-hosted-field-focus = Applied when the user focuses on a field. 
.recurly-hosted-field-number = Default styles for the div surrounding the month field iframe. 
.recurly-hosted-field-month = Default styles for the div surrounding the month field iframe. 
.recurly-hosted-field-year = Default styles for the div surrounding the year field iframe

Docs: https://dev.recurly.com/docs/getting-started-1 Они есть таблица к нижней части этой ссылки, которая имеет следующие классы

источник

2016-08-09 22:59:59 BHOLT

Форматирование полей ввода Recurly.js

ответ

Смежные вопросы