Stripe.js - 无法更改信用卡输入的背景颜色或高度

Question

我在 Vue.js 应用程序中设置 Stripe 信用卡输入样式时遇到问题。我想将背景颜色更改为 #f1f1f1，将高度更改为 60px，但是我无法通过基本样式或 css 来做到这一点。我究竟做错了什么？理想情况下，我想用 css 来定位它。这是我的代码：

loadStripe() {
      card = elements.create("card", {
        style: {
          base: {
            iconColor: '#2A2A2A',
            color: '#2A2A2A',
            fontWeight: 300,
            fontFamily: 'Lato, Open Sans, Segoe UI, sans-serif',
            fontSize: '19px',
            // height: '60px',
            // background: '#f1f1f1',
            '::placeholder': {
              color: '#2A2A2A',
              fontSize: '19px',
            },
          },
        }
      });

预先感谢！

Answer 1

正如官方文档中所述：https://stripe.com/docs/stripe-js/reference#elements-create，不支持为输入元素添加背景颜色。

但是您可以对 HTML 代码中的父元素进行一些修改，使其看起来像一个输入，并按照您想要的样式设置它。