Пользовательская полоса прокрутки и Chrome

Question

Так что я хотел использовать пользовательскую полосу прокрутки, чтобы сделать сайт, который я создаю, более привлекателен. Я узнал о скрипте под названием fleXcroll. В основном на веб-сайте fleXcroll, когда я нажимаю в любом месте моего прокручиваемого содержимого, вокруг всей обертки имеется большая желтая рамка. Я понятия не имею, почему это происходит, потому что на веб-сайте fleXcroll, когда я нажимаю внутри прокручиваемого контента, эта граница не появляется, и то же самое происходит для Firefox. Когда я нажимаю на firefox или IE, содержимое появляется так, как должно. У кого-нибудь есть идеи, почему это происходит?

Вот ссылка на сайт и, пожалуйста, предоставьте добрые/конструктивные комментарии. Это мой первый код, кодирующий веб-сайт.

go to the flavors page

Answer 1

Вы можете исправить это, добавив outline: none в родительский div. Таким образом, стили для #menu будут:

#mainContent #menu { 
    clear: both; 
    height: 500px; 
    overflow: auto; 
    padding: 15px; 
    width: 620px; 
    outline: none; 
} 

КСТАТИ, что это очень вкусный сайт.

Answer 2

Я понятия не имею, почему это происходит, как я никогда не использовал свой flexcroll, однако, исправление легко:

.flexcroll{ 
    outline: none; 
} 

Добавьте к любой таблицы стилей, которая совместно кросс- сайт, и вы должны быть хорошими.