Как поменять цвет :focus на свой при использовании bootstrap4?

Question

[Djan92]

Имеются input'ы, и при нажатии на них бутстрап назначает им свои классы(синяя обводка и прочее) а нужно чтобы работали свои стили. Свой файл css подключен после boostrap'а, проблема не в этом.

Answer 1

[Валерий]

!important

Comments

[Djan92]

это тоже пробовал, не помогает

[Валерий]

Djan92, живого примера нет?
А если попробовать для инпутов задать класс и уже через класс в своем стиле задать необходимые значения стиля?

[NaN]

Валерий, очень плохой вариант

Answer 2

[Егор Довыденко]

Подтягивай файл стилей бутстрапа локально, а не через инет. А в нем уже изменяй, что тебе нужно.

Comments

[NaN]

Doktorjd, зачем? Вообще стоит бутстрап подключать как npm зависимость. И ни в коем случае нельзя изменять в самом бутстрапе что-либо.

Answer 3

[NaN]

Как подключены стили бутсрапа?
1) Сначала преопределяем переменные бутстрапа (если нужно)
2) Подключаем бутстрап
3) Переопределяем стили бутстрапа (только не на классы бутстрапа, а пишем свои классы и на них новые свойства)

Comments

[NaN]

Djan92, неплохо было бы увидеть как у вас сейчас это устроено?