CSS: неверно работает по-другому в Chrome v. FF?

0

Я пытаюсь создать мои недопустимые элементы в своих html-формах; достаточно просто в Chrome, но Firefox отказывается слушать мой: недопустимый псевдокласс. Откройте Chrome и Firefox, чтобы увидеть, что я имею в виду:

<html>
    <head>
        <style type='text/css'>
            :invalid{
                color:#FF0000;
            };
        </style>
    </head>

    <body>
        <form>
            This box validates on inputs between 0 and 100:
            <input class='myInput' type='number' min='0' max='100'>
        </form>
    </body>
</html>

Поместите 101 в поле ввода, а Chrome превратит его в красный, пока Firefox игнорирует его. Мысли?

Теги:
google-chrome
firefox

1 ответ

0
Лучший ответ

Из этой страницы wiki mozilla

<input type='number'>

номер: Новый тип ввода: Новый тип ввода для чисел: ошибка 344616: В паузе

На этой странице caniuse:

Красный = Не поддерживается

Из этой более стабильной справки (благодаря jukka-k-korpela):

type = номер 6.0 (Локализация в Chrome 11) Не поддерживается Не реализовано (см. ошибку 344616)

Он еще не поддерживается.

решение будет использовать modernizr

Поделиться
  • 4
    Более стабильная ссылка: MDN информация о input . Так что Firefox не поддерживает этот тип, и он понижается до input type=text , без ограничений.
  • 0
    Ого, мне никогда не приходило в голову, что «число» не будет где-то реализовано, извините за это и спасибо!
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню