隐藏输入组件React strap中的自动填充图标

Question

我在React中使用react-strap创建了一个表单并呈现如下图所示的输入，我想隐藏输入末尾的联系人图标 通过许多方式使用CSS但不起作用。

以下是代码：

<Form>
    <FormGroup row>
       <Label className="col-4 font-weight-bold">
         Name on Card
       </Label>
       <Col>
         <Input type="text" name="card" autoComplete="off" />
       </Col>
    </FormGroup>
</Form>

Answer 1

使用autoComplete={0}，它在Google Chrome，Safari和Mozilla中对我有用