В разных браузерах — разные цвета, как решить проблему?

Question

[GoodProject]

:focus стоит в input, но цвета в разных браузерах - разные.
Chrome отображает неправильный цвет, в Firefox всё правильно.

$green-color: #67bc5c;
&:focus {
            box-shadow: $green-color 0 0 0 2px;
            border-radius: 3px;
            border-color: $green-color;
        }

Вот ссылка на готовую верстку, скрольте вниз.
P.S: эта ↑ верстка не моя.

Answer 1

[Кирилл Туровников]

Тут вроде наложение box-shadow и outline, добавьте outline:none;
PS проверил на вашем сайте, так и есть

Comments

[GoodProject]

Блин, точно, забыл про outline) Спасибо!

Answer 2

[Александр Зубарев]

В main.css на 50 строке задаются другие значения joxi.ru/8An5Qexi3Blx2O

Comments

[GoodProject]

Убрал, но толку 0, цвет такой же остался

[Александр Зубарев]

Ааа, по умочанию на input-ах, есть outline. Вот если прописать еще outline:none, то цвет становиться как надо joxi.ru/52aNx75uj6LMA0

[GoodProject]

Александр Зубарев: Спасибо)

Answer 3

[Stalker_darkway]

У меня в Хроме и Фаерфоксе текст в полях отображается одинаково. Смотрите настройки вашего браузера.

Comments

[GoodProject]

Настройки чего? Цвета?)