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

Question

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

我尝试重新定义 .css 类“输入”和“表单控制”，将它们的边框设置为 0 和无，但它不起作用。 我还尝试将轮廓设置为无，甚至将边框设置为与当前背景（白色）相同的颜色，但它也不起作用。 我不知道该尝试什么了。

Answer 1

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

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

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

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