Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Выделение кнопок

Тема в разделе "Вопросы, советы и доработки.", создана пользователем Umka, 14 сен 2016.

  1. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Добрый день, уважаемые форумчане!
    http://britishnews.ru - вот сам сайт, тема- storefront

    Дело в том, что при нажатии любой кнопки, вокруг него образуется выделение в форме квадрата, хотелось бы убрать его, чтоб было без выделений, но в настройке можно только задать цвет выделениям и ссылкам ( они как то связанны) можно ли убрать вообще выделения эти? просто зайдите на сайт, нажмите на логотип и увидите это сами. Заранее спасибо
     
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Добавьте в стили код
    HTML:
    .added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
        outline: none !important;
    }
     
    Последнее редактирование: 15 сен 2016
  3. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    к сожалению не помогло...
     
  4. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Либо я как то не правильно добавляю коды в стили, либо не знаю что, но уже второй код не работает...
     
  5. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Вставляйте в style.css вашей темы. Сейчас у Вас код не вставлен.
     
  6. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Вставил, можете посмотреть, просто до этого убрал его, так как не помогло
     
  7. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Стиль сработал. При нажатии кнопки не появляется вокруг кнопки черная обводка. (см. скриншот)
    Тестировалось в браузере Google Chome, FireFox, IE11.
     
  8. tuxfighter

    tuxfighter Местный

    Сообщения:
    690
    Симпатии:
    106
    Баллы:
    43
    в миню и вокруг лого осталось
     
    • Нравится Нравится x 1
  9. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Стили, чтобы убрать обводку с пунктов меню и логотипа
    HTML:
    a:focus,:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
        outline: none !important;
    }
     
  10. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Можете проверить еще раз? вставил вроде, но обводка осталась
     
  11. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Закралась небольшая ошибка с незакрытой скобкой. Правильный код
    HTML:
    .added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
        outline: none !important;}
    a:focus,:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
        outline: none !important;
    }
    
     
  12. Umka

    Umka

    Сообщения:
    26
    Симпатии:
    0
    Баллы:
    1
    Я так и понял, насчет скобки, но не решился добавлять что-то)) Спасибо большое, все работает!