Уже какая версия и никак баг с input[type=«submit»] не починят. Репортил три или четыре раза, нет реакции. В состоянии :focus у элемента появляется чёрная обводка, которую нельзя убрать никак, т.е. вообще никак. И эта обводка перекрывает все стили. Жутко бесит.
Одному гуглу известно откуда такой разброс, я это тоже замечал когда только включили фишку с html5. Бывало даже если страницу с видео несколько раз обновить html5 менялся на флеш, и обратно.
Бред по-моему, если у юзера медленный интернет — эта шкала его не спасёт, а только запутает.
P.S. откуда у вас такой интерфейс ютуба? Его больше года как нет.
Пока что это один из лучших вариантов на текущей спецификации и поддержке, если мы используем не абсолютно спозиционированный блок.
Можно конечно сделать на inline-block, но мы лишимся :before и придётся свойства для текста заново перезаписывать (word-spacing).
Мне кажется что лучше не использовать стандарт от которого отказался w3c, даже если он поддерживается в каких-либо браузерах. Пройдёт год-два и всё что было свёрстано на этих свойствах просто полетит.
Кстати, в примере из-за 100% высоты появился скролл.
P.S. откуда у вас такой интерфейс ютуба? Его больше года как нет.
Можно конечно сделать на inline-block, но мы лишимся :before и придётся свойства для текста заново перезаписывать (word-spacing).
Кстати, в примере из-за 100% высоты появился скролл.