如何在 React-Bootstrap 中删除输入边框？

Question

我无法摆脱 React-Bootstrap 中 Form.Control 组件的input borders。我知道这个问题已被多次询问和回答，但答案并没有解决我的问题。

我尝试重新定义 .css 类“input”和“form-control”，将它们的边框设置为 0 和无，但没有成功。我还尝试将轮廓设置为无，甚至将边框设置为与当前背景（白色）相同的颜色，但它也不起作用。我不知道该尝试什么了。

Answer 1

您可以轻松地使用父节点上的 id 覆盖 React Bootstrap 类，例如：

<div id="parent-wrapper">
<input placeholder="something">
</div>

您可以像这样在 css 上重新定义属性：

#parent-wrapper input{
border:0;
.
.
}