Bootstrap .form-control и RecurlyJS iframe

Question

Благодарим вас за то, что я прочитал свой вопрос. У меня возникли проблемы с выравниванием макета формы «Повторная подписка».

На снимке экрана первые 4 элемента используют .form-control, который внутри него. Они загружаются кодом Recurly JS после загрузки страницы.

Я попытался убедиться, что высота: 32 пикселя для этих элементов, но я не мог понять, почему высота разрывов отличается от нижних. Я хочу, чтобы они были такими же, как и ниже.

http://paulz.dev.biznessapps.com/global/signup_subscribe?plan=mobileapp59

Я использовал Recurly JS v4. https://js.recurly.com/v4/recurly.js

Спасибо! Paul

Answer 1

вы можете настроить стиль на поля ввода, как здесь.

https://dev.recurly.com/docs/getting-started-1#section-styling-card-fields

Answer 2

Пожалуйста, попробуйте этот код

iframe { 
     height: 26px!important; 
    }