信用卡样式问题

Question

我正在尝试更改信用卡输入的边框颜色，但它不起作用

这是CreditCardInput的文档。这是应用绿色自定义边框颜色的演示。这是在Codesandbox上托管的

  <CreditCardInput
    cardNumberInputProps={{  }}
    cardExpiryInputProps={{  }}
    cardCVCInputProps={{  }}
    style={ { border: '2px solid yellow' } }
 />

Answer 1

您需要使用fieldStyle或containerStyle Prop而不是style Prop。使用两者似乎至少在您共享的代码和框架示例中产生相同的结果，尽管随着代码的更改，两者之间可能存在差异。

。

从可用的道具文档中：

containerStyle |  object (optional)  |  {}  |  Style for the field container
fieldStyle     |  object (optional)  |  {}  |  Style for the field

示例：

function App() {
  return (
    <div className="App">
      <CreditCardInput
        cardNumberInputProps={{  }}
        cardExpiryInputProps={{  }}
        cardCVCInputProps={{  }}
        fieldStyle={ { border: '2px solid yellow' } }
/>