Синий контур и выделение в меню [стили]

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем lemche, 10 июл 2015.

  1. lemche

    lemche Новичок

    Сообщения:
    6
    Симпатии:
    0
    Всем привет!
    Почти победила стандартный шаблон, opencart 2.0.3.1
    Он почти уже не такой синий, каким был в самом начале, тем не менее, кое-что нужно довести до совершенства. Помогите пожалуйста, прошерстила и stylesheet.css, и bootstrap.min.css, но, видимо проглядела, очень нужно понять как избавиться от этого синего))

    1. Выделение в выпадающем меню выбора. Рамка выпадающего списка и само выделение строки. Как изменить цвет?
    [​IMG]

    2. Синяя обводка вокруг кнопки при нажатии. Хочу обратить внимание, что она появляется не при наведении, а при действиях вроде, добавить в корзину, в избранное, при нажатии на кнопку " поиск", т.е. кнопка активна, и выполняется какое-нибудь действие. В stylesheet в active и hover выставлен серый. Вотс вронг?((
    [​IMG]

    Сайт пока на Денвере.
    Буду рада любым советам.
     
    Последнее редактирование: 10 июл 2015
  2. Ален

    Ален Эксперт

    Сообщения:
    2.055
    Симпатии:
    635
    по выпадающему списку.
    Это системой определяется подсветка, а не стилями. А так исправляют с помощью скриптов, например такой http://brianreavis.github.io/selectize.js/
    http://lcdsantos.github.io/jQuery-Selectric/
    https://formstone.it/components/dropdown/

    :focus
     
    Последнее редактирование: 10 июл 2015
  3. lemche

    lemche Новичок

    Сообщения:
    6
    Симпатии:
    0
    focus и прошляпила! без обводки теперь очень красиво
    буду смотреть скрипты, спасибо-спасибо-спасибо!!
     
  4. АлексейК

    АлексейК Новичок

    Сообщения:
    11
    Симпатии:
    0
  5. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Подскажите где посмотреть стили, которые применяются к выпадающему окну элемента select.
     
  6. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    429
    В отладчике/дебаггере браузера, обычно там ставят .form-control
     
  7. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Да, у элемента select прописан класс .form-control, но я не могу найти где прописано, чтобы выпадающий список с элементами option имел синий цвет бордера, и цвет бэкграунда option при наведении.
     
  8. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    429
    При ::focus
    PHP:
    .form-control:focus {
        
    border-color#66afe9;
        
    outline0;
        -
    webkit-box-shadowinset 0 1px 1px rgba(000.075), 0 0 8px rgba(102175233.6);
        
    box-shadowinset 0 1px 1px rgba(000.075), 0 0 8px rgba(102175233.6);
    }
     
  9. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    Эти стили уже поменял как мне надо. Не работает для выпадающего списка, а только для самого элемента select.

    Мне нужно изменить вот это....

    Безымянный.png
     
  10. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    429
    Это делает Chrome, вроде стили берутся из версии Windows, на сколько я помню... Могу ошибаться. Можно сделать через jQuery
     
  11. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    429
    Вот четкий ответ на твой вопрос
     
    DiMoss нравится это.
  12. DiMoss

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

    Сообщения:
    862
    Симпатии:
    236
    @solunski.d , благодарю!
    Пожалуй оставлю как есть :)