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

Posted 2023-03-06

【中文标题】如何在 React-Bootstrap 中删除输入边框？

【英文标题】：How can I remove input border in React-Bootstrap?

【发布时间】：2021-04-15 10:51:05

【问题描述】：

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

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

【参考方案1】：

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

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

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

#parent-wrapper input
border:0;
.
.