Firefox 4 Требуемая форма ввода КРАСНАЯ граница / контур

Question

Недавно я разработал плагин HTML5 jQuery, и у меня возникают проблемы с удалением красной рамки в обязательных полях в бета-версии FF4.

Я заметил, что FF применяет эту границу / контур в обязательных полях и удаляет их, когдазначение установлено.Проблема в том, что я использую атрибут value для эмуляции атрибута заполнителя в старых браузерах.Поэтому мне нужны все входы с этой функцией, чтобы не показывать красную линию.

Вы можете увидеть проблему на демонстрационной странице плагина здесь

Answer 1

Есть несколько новых псевдо-селекторов для некоторых новых функций формы HTML5, доступных вам в CSS. Вы, наверное, ищете :invalid. Ниже приведены все документы из MDC Firefox 4 :

• Псевдокласс :invalid CSS применяется автоматически к элементам, содержимое которых не может быть проверено в соответствии с настройкой типа ввода

• Псевдокласс :-moz-submit-invalid применяется к кнопке отправки в форме поля, когда одно или несколько полей формы не проверяет

• :required псевдо-класс теперь автоматически применяется к полям, которые указать обязательный атрибут; :optional псевдокласс применяется к все остальные поля.

• The :-moz-placeholder псевдокласс был добавлен, чтобы дать вам стиль заполнитель текста в полях формы.

• Псевдоселектор :-moz-focusring позволяет указать внешний вид элемент, когда геккон считает, элемент должен иметь фокус индикация предоставлена.

Answer 2

Чтобы быть более конкретным, вам нужно применить этот стиль к элементу управления вводом.

input:invalid {
    box-shadow: none;
}

Answer 3

используйте этот код как быстрое и простое решение

:invalid {
  box-shadow: none;
}

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

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

Ссылка: - https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid

Answer 4

Оберните необходимые input в form с атрибутом novalidate

<form novalidate>
    <input required>
</form>

Answer 5

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

$ ("form"). Attr ("novalidate", true);

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