Почему окошко не выделяется красным цветом при возникновении ошибки?

Question

Томас

bootstrap , ruby-on-rails

Почему окошко не выделяется красным цветом при возникновении ошибки?

Как исправить ошибку, из-за которой поле не окрашивается красным при наличии ошибки? В проекте используется Esbuild и Bootstrap. В коде присутствует следующий CSS, который должен добавлять красный цвет полям с ошибками:

```css
.field_with_errors {
  .form-control {
    border-color: red;
  }
  label {
    color: red;
  }
}
```

Также в файле "application" прописан импорт стилей:

```javascript
@import "custom.scss";
```

21 июля 2024 г. 8:02

Ответы на вопрос 2

Похожие вопросы

Answer 1

Проблема может быть связана с тем, что класс ".field_with_errors" не применяется корректно к элементам формы, на которых возникла ошибка. 

Для исправления ошибки, вам нужно убедиться, что класс ".field_with_errors" правильно применяется к элементам формы, на которых возникла ошибка. Вы можете добавить этот класс к соответствующим элементам в своем коде или использовать возможности генерации ошибок в вашем фреймворке (например, в Rails это можно сделать с помощью хелпера "form_with").

Также убедитесь, что CSS правильно компилируется и подключается к вашему проекту. Проверьте, что стили из файла "custom.scss" действительно применяются к вашей форме.

Если проблема сохраняется, попробуйте также добавить !important к свойствам CSS, чтобы убедиться, что они переопределяют другие стили. Например:

```css
.field_with_errors {
  .form-control {
    border-color: red !important;
  }
  label {
    color: red !important;
  }
}
```

Это может помочь исправить проблему, если она вызвана конфликтом стилей.

Answer 2

Согласно документации по validation 
 чтобы добавить красную рамку средствами bootstrap, для элемента нужно установить класс "is-invalid"