隐藏 Input 组件 React 表带中的自动填充图标答案

【问题标题】：Hide auto fill icon in the Input component React strap隐藏 Input 组件 React 表带中的自动填充图标
【发布时间】：2018-10-10 06:51:49
【问题描述】：

我在 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>

【问题讨论】：

我刚刚创建了这个sandbox 并且没有图标
或者reactstrap还有其他依赖？
浏览器自动检测，我忘了说明我用的是Chrome

标签： reactjs input autocomplete field reactstrap

【解决方案1】：

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

【讨论】：