Убрать подсветку кнопки (цвет, подсветка, кнопка)

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем vikaharkov, 9 дек 2016.

  1. vikaharkov

    vikaharkov Продвинутый пользователь

    Сообщения:
    676
    Симпатии:
    71
    Признаюсь, для меня проблема с подсветкой некоторых кнопок "левыми" голубыми цветами ПОКА осталась открытой и не побежденной. На форуме есть две похожие темы (Убрать/изменить обводку кнопок при нажатии, Синий контур и выделение в меню [стили]), но там решение не увидела.

    Релиз Opencart: 2.3.0.2
    Браузер: Firefox

    Суть: при нажатии на кнопки (карта Google на странице Контакты, Купить в Карточке товара, Продолжить, Войти и Отправить, фактически на всех кнопках) появляется темно-голубая подсветка в нижней половине кнопки

    1. Вид кнопки в покое
    Кнопка1.png
    2. Вид кнопки при наведении курсора (ещё без нажатия)
    Кнопка1.5.png
    3. Вид кнопки при нажатии курсора
    Кнопка2.png
    Вот эта третья позиция и является проблемой.

    Попытка найти причину с помощью Инспектора в Инструментах разработчика Firefox ничего не дала. Отключение ВСЕХ видимых цветовых стилей не помогло - темно-голубая подсветка упёрто появляется.

    P.S. При отключении вообще всех цветов на странице, всё равно остаётся темно-голубой цвет при клике по кнопке

    Вид кнопки после удаления всех цветов в стилях на странице
    Кнопка3.png
    Вид этой кнопки при нажатии курсором
    Кнопка4.png

    Бум искать решение.
    Если есть чего подсказать по теме - подскажи и Родина тебя не забудет
     
    Последнее редактирование: 9 дек 2016
  2. vikaharkov

    vikaharkov Продвинутый пользователь

    Сообщения:
    676
    Симпатии:
    71
    Проблема решена

    В корне проблемности решения лежит неспособность стандартного Инспектора в Инструментах разработчика Firefox раскрывать все стили страницы. Открыв страницу в Firebug "левая" подсветка определилась легко (нажав на кнопку, она подкрасилась в темно-голубой цвет и одновременно с этим в правом окне (где стили) Firebug высветился задействованный стиль.

    Как и ожидалось, подсветка выводилась из catalog/view/javascript/bootstrap/css/bootstrap.min.css стр. 2723

    Решение:

    1. Скопировать весь код строки 2723 из бутстрапа в
    catalog/view/theme/default/stylesheet/stylesheet.css

    Код:
    .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
       color:#fff;
       background-color:#204d74;
       border-color:#122b40
    }
    
    (можно было обойтись только цветом, но мало ли, может потом ещё чего подправить в нём нужно будет - решила скопировать весь код)

    2. Исправить стоящий там цвет на нужный (в моём случае я вместо стоявшего там #204d74; вставила #000; )

    3. Всё, вопрос закрылся, проблема исчезла.
     
    Ecsiron и Vlad нравится это.
  3. Vlad

    Vlad Эксперт

    Сообщения:
    4.161
    Симпатии:
    1.013
    Вдруг не знаете, но во всех инспекторах втч и фаербаге есть возможность насильно применить псевдокласс к элементу..

    2016-12-09_10-47-59.png
     
    Ecsiron нравится это.