RSS

Прокоментируй статью, хотя бы пару слов!

Комментарии:

  • #1avatar

    selenit2 (selenit)

    14.01.2010 14:09:10

    Большое спасибо за напоминание об этой важной мелочи и полезные советы!

    Но, имхо, так уж махом сносить outline у всего — немножко перегиб:). Для клавиатурной навигации по кнопкам и ссылкам он многим помогает. Думаю, лучше указывать что-то вроде input[type="text"]:focus, input[type="password"]:focus, textarea:focus — чтоб убить противную обводку только у текстовых полей, а для кнопок, чекбоксиков и прочей полезной мелочи оставить "привычное поведение браузера". И для ссылок, пожалуй, сменить бы этот outline на привычный FF-овский пунктир. Но опять же, это лишь мое имхо.

  • #2avatar

    Moony (Елена Лунная)

    14.01.2010 23:23:39

    Да. Дельная мысль.
    Правда у меня в одном проекте заказчики принципиально просили "убрать пунктир у ссылки-картинки при клике", долго искала как это сделать.

  • #3avatar

    selenit2 (selenit)

    15.01.2010 12:44:49

    Угу, бывают такие несознательные заказчики :( и даже такие дизайны, куда пунктир ну никак не вписывается. Тогда, если картинка не очень большая, наверное, есть смысл делать третье состояние для :focus... Одна надежда, что с повальным переходом на тачскрины и "таблетки" про клавиатурную навигацию можно будет забывать со спокойной совестью :)

  • #4avatar

    Moony (Елена Лунная)

    15.01.2010 21:45:18

    Вообще я про клавиатурную навигацию вспоминаю в трёх случаях:

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

  • #5avatar

    6038103@ (Alex Petrov)

    26.01.2010 21:44:41

    "Заключение: два этих фикса позволят приблизитЬся..."

  • #6avatar

    Moony (Елена Лунная)

    27.01.2010 03:21:34

    Спасибо, поправила.

  • #7avatar

    leoneso@ (Павел Левин)

    31.10.2011 15:09:56

    Всё из-за автозаполнения форм.
    Решение: autocomplete="off"
    Банальный html тег.

  • #8avatar

    Елена Лунная

    31.10.2011 16:24:10

    Павел, вы готовы убить польвателю возможность сохранять пароли?

  • #9avatar

    mihdan

    19.06.2012 17:10:14

      Получается, что фон убрать/заменить нет способа по сей день. Важно сохранить autocomplete!

  • #10avatar

    Елена Лунная

    20.02.2013 00:29:09

    Да, всё верно, нельзя.

  • #11

    mihdan

    15.04.2013 16:34:30

    Попробуйте

    input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 5px 0 blue, /* ваш box-shadow для :focus */
    inset 0 0 0 50px white; /* цвет вашего фона */
    -webkit-text-fill-color: black; /* цвет текста */
    }

  • #12

    DiTReS

    14.05.2013 12:08:39

     Для 26 хрома не работает правила из этой статьи. Что делать?

    Если кому-то не составит труда, напишите ответ ко мне на почту. Буду рад любому ответу.

    P.S. СПАМ удаляю!

  • #13avatar

    Елена Лунная

    30.05.2013 17:37:59

    пока этот баг не закрыт

    Однако вы можете попробовать что-то типа такого
    input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

  • #14avatar

    mihdan

    31.05.2013 00:33:12

     Елена Лунная, я комментарием выше написал тоже самое )

  • #15

    Айнур

    16.10.2014 18:38:39

     input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 5px 0 blue, /* ваш box-shadow для :focus */
    inset 0 0 0 50px white; /* цвет вашего фона */
    -webkit-text-fill-color: black; /* цвет текста */
    }
    сработало на посл. в. Хрома
    круть!

  • #16avatar

    mihdan

    16.10.2014 21:45:11

     Айнур, всегда пожалуйста


Чтобы оставить комментарий нужно войти или зарегистрироваться (Регистрируйтесь за 5 секунд, без подтверждения email и т.п.).
Либо волшебно используйте ваш логин в Google, Яндекс, рамблер или ЖЖ чтобы войти через Open_ID
Подпишитесь на статьи через RSS

15 самых популярных статей: