Woocommerce 当选择到期/ccv输入字段时，条带支付表单卡号仅显示卡号的最后4位数

您好，在手机上查看时，我对条带支付表单有问题。当我单击到期日期/ccv输入字段时，在线信用卡表单仅显示卡号的最后4位数字

这是stripe woocommerce插件样式表的CSS

.wc条带元素字段，.wc条带iban元素字段{
边框：1px实心#ddd；
保证金：5px0；
填充物：5px；
背景色：#fff；
大纲：0
}
#payment.methods li.woocommerce-SavedPaymentMethods-token标签{
显示：内联
}
#payment.methods li.woocommerce-SavedPaymentMethods-new label{
显示：内联
}
#添加#付款方式#付款ul.payment#付款方式li img.stripe图标、.woocmerce checkout#付款ul.payment#付款方式li img.stripe-icon{
最大宽度：40px；
左：3倍；
保证金：0
}
#添加#支付方式#支付ul.payment支付方式li img.stripe bancontact图标、.woocmerce checkout#支付ul.payment支付方式li img.stripe-bancontact-icon{
最大高度：65px；
最大宽度：45像素
}
#添加#支付方式#支付ul.payment支付方式li img.stripe理想图标、.woocommerce checkout#支付ul.payment支付方式li img.stripe理想图标{
最大高度：35px
}
#添加#支付方式#支付ul.payment方式li img.stripe-p24-icon、.woocmerce checkout#支付ul.payment方式li img.stripe-p24-icon{
最大宽度：65px
}
#添加#支付方式#支付ul.payment支付方式li img.stripe支付宝图标、.woocommerce checkout#支付ul.payment支付方式li img.stripe支付宝图标{
最大宽度：50px
}
#添加#支付方式#支付ul.payment支付方式li img.stripe sofort图标、.woocommerce checkout#支付ul.payment支付方式li img.stripe-sofort图标{
最大宽度：55px
}
#添加#支付方式#支付ul.payment支付方式li img.stripe sepa图标、.woocmerce checkout#支付ul.payment支付方式li img.stripe-sepa-icon{
最大宽度：50px
}
#添加#付款方式#付款ul.payment#付款方式li img.stripe多银行图标、.woocmerce checkout#付款ul.payment#付款方式li img.stripe多银行图标{
最大高度：30px
}
#添加#支付方式#支付ul.payment支付方式li img.stripe eps图标、.woocommerce checkout#支付ul.payment支付方式li img.stripe-eps-icon{
最大高度：30px
}
#添加#支付方式#支付ul.payment#支付方式li img.stripe giropay图标、.woocmerce checkout#支付ul.payment#支付方式li img.stripe-giropay图标{
最大宽度：50px
}
#添加#支付方式#支付ul.payment支付方式li.条纹信用卡品牌，.woocommerce checkout#支付ul.payment支付方式li.条纹信用卡品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：无重复url（../images/credit-card.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#支付方式#支付ul.支付方式li.条纹visa品牌、.woocommerce结帐#支付ul.支付方式li.条纹visa品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：无重复url（../images/visa.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#支付方式#支付ul.支付方式li.条纹美国运通品牌、.woocmerce结帐#支付ul.支付方式li.条纹美国运通品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：无重复url（../images/amex.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#付款方式#付款ul.payment#付款方式li.stripe diners品牌、.woocommerce结帐#付款ul.payment#付款方式li.stripe diners品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：无重复url（../images/diners.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#付款方式#付款ul.payment#付款方式li.stripe discover brand、.woocommerce checkout#付款ul.payment#付款方式li.stripe discover brand{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：无重复url（../images/discover.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#支付方式#支付ul.payment支付方式li.条纹jcb品牌、.woocommerce结帐#支付ul.payment支付方式li.条纹jcb品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：没有重复的url（../images/jcb.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#支付方式#支付ul.支付方式li.stripe maestro品牌、.woocommerce结帐#支付ul.支付方式li.stripe maestro品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：没有重复的url（../images/maestro.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#支付方式#支付ul.payment支付方式li.条纹万事达卡品牌、.woocommerce结帐#支付ul.payment支付方式li.条纹万事达卡品牌{
位置：绝对位置；
最高：50%；
利润上限：-10px；
右：10px；
背景：无重复url（../images/mastercard.svg）；
显示：块；
宽度：30px；
高度：24px
}
#添加#支付方式#支付ul.payment#methods.条带卡组、.woocommerce checkout#支付ul.payment#methods.条带卡组{
职位：相对
}
.woocommerce SavedPaymentMethods令牌。条带源错误。woocommerce错误{
边缘顶部：1米；
下边缘：2米
}
#wc条纹自定义按钮{
显示：块；
宽度：100%
}
.gpay按钮{
背景来源：内容框；
背景位置：中心；
背景重复：无重复；
背景尺寸：包含；
边界：0；
边界半径：4px；
盒影：rgba（60,64,67,3）0 1px 1px 0，rgba（60,64,67,15）0 1px 3px 1px；
光标：指针；
高度：40px；
最小高度：40px；
填充：11px 24px；
宽度：100%
}
.gpay-button.light{
宽度：计算（100%-3px）；
背景色：#fff
}
.gpay按钮。指示灯：激活{
背景色：#fff
}
.gpay按钮。灯光：悬停{
背景