隐藏输入组件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中适用于我