Question

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

这里是documentation用于信用卡输入。这是demo，其中应用了绿色自定义边框颜色。这里托管在codesandbox

上

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

Answer 1

您需要使用fieldStyle或containerStyle道具而不是style道具。至少在您共享的codeandbox示例中，使用这两种方法似乎都能产生相同的结果，尽管随着代码的更改两者之间可能会有差异。

来自available props documentation：

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' } }
/>

信用卡样式问题

1 个答案: