Firefox 4: есть ли способ удалить красную рамку в обязательном вводе формы?

Начиная с Firefox 26, фактический CSS, используемый для определения недопустимых обязательных полей, выглядит следующим образом (взято из forms.css):

:not(output):-moz-ui-invalid {
    box-shadow: 0 0 1.5px 1px red;
}

Для репликации в других браузерах я использую:

input:invalid {
    box-shadow: 0 0 1.5px 1px red;
}

Я поигрался с настройками пикселей, но я бы никогда не догадался о 1,5 пикселях, не глядя на исходный код moz.

Чтобы отключить его, вы можете использовать:

input:invalid {
    box-shadow: none;
}

Пытаться:

document.getElementById('myform').reset();

Вот очень простое решение, которое сработало для меня. Я в основном изменил уродливый красный цвет на очень красивый синий, который является стандартным цветом для необязательных полей и веб-конвенцией:

:required {
    border-color: rgba(82, 168, 236, 0.8);
}

Это хорошо сработало для меня:

input:invalid {
     -moz-box-shadow: none;
}

Пожалуйста, попробуйте это,

$("форма").attr("novalidate",true);

для вашей формы в вашем глобальном файле .js или в разделе заголовка.

Способ, который я нашел, по крайней мере, в основном решил проблему:

<input type="text" name="example" value="This is an example" onInput="this.required = true;" />

Таким образом, поле ввода начинается с красивого синего контура, но как только пользователь вводит символ, он становится обязательным (поэтому, если вы вводите символ, а затем клавишу Backspace, появляется красная рамка). В этом случае пользователь может пропустить ввод, поэтому обязательно установите внутреннюю проверку, если вы это сделаете.