Недавно задумался о стилизации checkbox'ов и radio кнопок, решил делать всё средствами css получилось вот это: http://jsfiddle.net/owLhuqvp/1/. Это просто заготовка стили конечно менять надо. Но как я удивился когда это начал тестировать, Chrome, Opera, Safari отображают всё корректно. А вот в Internet Explorer и FireFox... Я думал будет куча багов как обычно, но они отображают стандартные checkbox'ы и radio кнопки. Кто знает почему такое происходит?
Chrome, Opera, Safari — все эти браузеры основаны на WebKit, поэтому у них много общего в рендеринге страниц. Другие — на своих собственных движках. Ты не сумел сверстать кросс-браузерно? Конкретизируй вопрос.
Я вообще не чего не искал, там по любому js или что мутное. Я из своего опыта и знаний сделал такую штуку. Ой да я знаю это. Конкретно что из css не поддерживают Internet Explorer и FireFox.
Странная формулировка. ))) Например раз Firefox НЕ-вебкит, он игнорирует префикс -webkit-*. Надо танцевать от стандартов. Префиксы это НЕстандарт. Префиксы тебе нужны только тогда, когда конкретный браузер не справляется с чем-то, тогда ты корректируешь именно его поведение.
Согласен. Ты не конкретизировал что тебе не нравится, а я даже если посмотрю, увижу всё не так как ты, в силу другого опыта.
Теперь кросбраузерно, про старые браузеры не знаю. Просто :before и :after не работают с тэгами не имеющими закрывающих. Вот: http://jsfiddle.net/owLhuqvp/3/ Добавлено спустя 1 минуту 20 секунд: Мне не нравилось то что не работало в Internet Explorer и FireFox
Может ты имел в виду с тегами, не имеющими контента? Добавлено спустя 2 минуты 55 секунд: Ну так в следующий раз пиши конкретно что именно не работало. "Сходите посмотрите и подумайте что я имел в виду" — это как-то недружелюбно. Добавлено спустя 2 минуты 19 секунд: "Кто знает почему такое происходит?" Пофигу что именно происходит, причина вот она: потому что движки у них разные. )))
Нет, не знаю. С такими тегами вообщем не работает: <br />, <hr />, <input /> и т.д. Добавлено спустя 1 минуту 13 секунд: Да пофигу уже, я ведь проблему решил. Добавлено спустя 23 секунды: Хорошо
Потому что они не имеют контента. А раз нет контента, нет позиции "до" и "после" контента. http://stackoverflow.com/a/4574946/272885
Вот такие ужасающие цифры получились: IE 9.0+, Chrome 2.0+, Opera 10.5+, Safari 3.1+, Firefox 1.5+, Android 2.1+, iOS 2.0+