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

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

Umka

Форумчанин
Добрый день, уважаемые форумчане!
http://britishnews.ru - вот сам сайт, тема- storefront

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

searchingman

Гуру
Местный
Добавьте в стили код
HTML:
.added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
    outline: none !important;
}
 
Последнее редактирование:

Umka

Форумчанин
Добавьте в стили код
HTML:
.added_to_cart:focus, .button:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
    outline: none !important;
Либо я как то не правильно добавляю коды в стили, либо не знаю что, но уже второй код не работает...
 

searchingman

Гуру
Местный
Стиль сработал. При нажатии кнопки не появляется вокруг кнопки черная обводка. (см. скриншот)
Тестировалось в браузере Google Chome, FireFox, IE11.
 

searchingman

Гуру
Местный
Стили, чтобы убрать обводку с пунктов меню и логотипа
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;
}
 

Umka

Форумчанин
Стили, чтобы убрать обводку с пунктов меню и логотипа
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;
}
Можете проверить еще раз? вставил вроде, но обводка осталась
 

searchingman

Гуру
Местный
Закралась небольшая ошибка с незакрытой скобкой. Правильный код
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;
}
 

Umka

Форумчанин
Закралась небольшая ошибка с незакрытой скобкой. Правильный код
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;
}
Я так и понял, насчет скобки, но не решился добавлять что-то)) Спасибо большое, все работает!
 
Сверху Снизу