Блог

Я не могу избавиться от границ ввода компонента Form.Control в React-Bootstrap. Я знаю, что вопрос задавался и на него отвечали несколько раз, но ответы не решили мою проблему.

Я попытался переопределить классы .css «input» и «form-control», установив для их границы значение 0 и значение none, но это не сработало. Я также попытался установить для контура значение none и даже установить границу того же цвета, что и текущий фон (белый), и это тоже не сработало. Я больше не знаю, что попробовать.

Вы можете легко переопределить классы React Bootstrap, используя идентификатор родительского узла, например:

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

И вы можете переопределить свойства в css следующим образом:

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