如何在 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;
.
.
}