自定義滾動條和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; 
} 

一下添加到共享跨任何樣式表現場，你應該很好。