カスタムスクロールバーとクロム

Question

私はカスタムスクロールバーを使用して、私が作成しているウェブサイトをより魅力的にしたいと思っていました。私はfleXcrollというスクリプトについて知りました。基本的に、スクロール可能なコンテンツ内のどこかをクリックすると、fleXcrollのWebサイトには、ラッパー全体に黄色の大きな枠があります。 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; 
} 

クロスを共有している任意のスタイルシートにこれを追加あなたは良いはずです。