Граница jQuery не меняет цвет

Question

.modal-register-form {
	width: 400px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.modal-register-form .user-input {
	width: 70%;
	margin: 25px auto 0;
}

.user-input input {
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	color: #8d8d8d;
	padding: 0 16px;
	border: none;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	height: 32px;
}

setTimeout(function()
{
    $('.modal-register-form :input[type=text], .modal-register-form :input[type=email], .modal-register-form :input[type=password]').each(function()
    {
        if ($(this).css('border-color') == 'rgb(254, 0, 0)')
        {
            alert('working');
            $(this).css({
                border: '1px solid #e5e5e5'
            });
        }
    });
}, 3250);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

Кто-нибудь знает, почему мой код не работает?Если я нажимаю кнопку, я получаю предупреждение «работает», но граница не меняет свой цвет.

Спасибо за вашу поддержку.

С уважением, Сандро

Answer 1

Попробуйте использовать не комбинированную запись, а только конкретное отдельное свойство для border-color и следующим образом (заключите в кавычки и свойство, и значение, запятую между):

$(this).css({
  "border-color", "#e5e5e5"
});

Answer 2

Вместо:

border: '1px solid #e5e5e5'

Используйте это:

"border": "1px solid #e5e5e5"