Twitter bootstrap 格式化recury.js输入字段
我正在构建一个表单,通过Recurly处理付款。non-recury.js字段的布局使用引导 我可以设置包含DIV的样式,以获得与引导字段匹配的边框和边框半径,但引导会在输入字段上设置填充:Twitter bootstrap 格式化recury.js输入字段,twitter-bootstrap,recurly,Twitter Bootstrap,Recurly,我正在构建一个表单,通过Recurly处理付款。non-recury.js字段的布局使用引导 我可以设置包含DIV的样式,以获得与引导字段匹配的边框和边框半径,但引导会在输入字段上设置填充: padding: 6px 12px; …我相信您可以通过Recury configure传递实际输入字段的样式,因此我尝试了以下方法: style: { all: { fontFamily: 'Verdana', fontSize: '14p
padding: 6px 12px;
…我相信您可以通过Recury configure传递实际输入字段的样式,因此我尝试了以下方法:
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)'
}
}
…但它只是忽略了填充。是否有recury.js的“受支持”样式选项列表?有人知道如何在iFramed/injected输入字段中填充内容吗?重复使用了几个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-->@vanburen的这些类(不幸的是),这是一个示例,但没有提供可以在configure()调用中放置的内容的全面列表。