Интересные -webkit CSS свойства

[@mikenerevarin]

Я бы ещё в эту копилку добавил -webkit-overflow-scrolling: touch Позволяет сделать плавный скролл пальцем в блоке, жать работает только в iOS 5.0+

[@Night_Coder]

Люблю эту фичу. Применял тут.

Узнал о ней не сразу, даже и не знал что она существует, собирался делать плавный скролл на js, пока случайно не нагуглил это свойство.

[@spmbt]

Или как textarea: -webkit-appearance: textarea

Интересно, что выглядеть он может, но ничего туда не впишешь со страницы, и value=«abcd» не понимает. То же самое — с радиокнопками, не показывает состояние «checked» (проверялось в Linux).

[@Fedcomp]

на win 7 x64 chrome 16 тоже самое.

[@k12th]

Дык написано же — appearance. Вот если б было -webkit-behavior — вот тогда бы и value работало, и вписать было бы можно.

[@rsboarder]

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

К тому же, речь здесь идет о многих свойствах, которые нужны в iOs, т.е. это узконаправленные правила.

[@trg]

Всё что нужно в iOS нужно и на других мобильных ОС.

[@Grundiss]

Ага. Все это напоминает моду на разукрашивание сколлбара в 90-х

[@Nico_izo]

Неинтересно. Можно было бы написать про все уникальные вендорные свойства и селекторы, присущие только Webkit, Mozilla, Opera и IE (Например, -moz-calc или :-moz-placeholder).
Список Mozilla-специфичных свойств можно увидеть здесь.

[@Serator]

А список *-специфичных свойств можно увидеть здесь: peter.sh/experiments/vendor-prefixed-css-property-overview/

[@mephisto]

Спасибо за статью :)

-webkit-touch-callout это как раз то, что нужно в текущем проекте))
для андроидофонов.

[@mephisto]

Правда, эффекта не возымело :(

[@maxvipon]

На каком андроиде смотрели? Может просто нет поддержки в старых версиях движка.

[@mephisto]

2.3

[@maxvipon]

Я на 2.2 посмотрел и iOS4.2 и 5, заработало только на iOS5.

[@Markel]

Вы ошибаетесь, поддержка webkit-touch-callout в iOS заявлена начания со второй версии

Я же проверял до версии 3.2, все работает исправно.
На адройдах это свойство не может работать в принципе, это расширение функционала вебкита для Safari и только для iOS.

[@mikenerevarin]

А что именно нужно сделать?

[@mephisto]

На самом деле исключительно косметический момент.
Есть картинки-стрелки, при маусовере должен скроллиться див.
На андроиде при таче по стрелкам начинается скролл, что в принципе ок, но хотелось бы, чтобы при таче и удержании не вылезало меню, а тоже просто был скролл.

[@mikenerevarin]

Попробуйте сделать в событиях event.preventDefault();, прописать -webkit-user-select:none; и ссылке oncontextmenu=function(e){e.preventDefault();}

[@mephisto]

Спасибо, попробую :)

[@maxvipon]

rsboarder, внесите, пожалуйста дополнение в статью про свойство -webkit-touch-callout:
Работает на iOS5+, не работает на Android 2.3 и ниже.

[@Markel]

habrahabr.ru/blogs/css/136037/#comment_4527216

@rsboarder прежде чем публиковать обновление статьи на основе комментариев, советую вам сначала проверять сказанное в них.

[@rsboarder]

Спасибо, учту на будущее.

[@Rooc]

-webkit-background-clip: text;