如何解决为什么我的文字在手机上的条纹卡元素输入字段中被截断
我输入了我的卡号,每当它专注于移动设备时,文本的顶部就会被切断,我几乎不知道为什么会这样 在这里,您可以看到我从'@ stripe / react-stripe-js'导入的实际输入组件的代码 它在台式机上可以正常工作,但在移动设备上却完全混乱,我不知道为什么。其他输入似乎没有这个问题
<form style={{ width: "100%" }}>
<CardNumberElement
className={styles['card-input']}
options={{
placeholder: 'Card number',iconStyle: 'default',style: {
base: {
fontFamily: 'Poppins',fontWeight: '300',fontSize: '16px',lineHeight: '20px',backgroundColor: 'white',color: '#9D9D9D','::placeholder': {
color: '#9D9D9D',},':-webkit-autofill': {
fontWeight: '300',invalid: {
color: '#9e2146',}}
/>
<div className={styles["secondary-card-info"]}>
<CardExpiryElement
className={styles['secondary-card-input']}
options={{
style: {
base: {
fontFamily: 'Poppins',}}
/>
<CardCvcElement
className={styles['secondary-card-input']}
options={{
style: {
base: {
fontFamily: 'Poppins',}}
/>
</div>
</form>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。