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

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

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

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

解决方法

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

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

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

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