Blaue Grenze auf JScrollPane div

Question

Live-Beispiel: http://www.legodata.com/kc/kc.html

ich eine Grenze Anzeigeproblem mit JScrollPane haben, würden Sie wissen, diese Grenze, welche CSS-Regel zu verwenden, zu entfernen?

Wenn Sie darauf klicken, wird ein blauer Rahmen um das jScrollPane-Teil angezeigt. Es verschwindet (manchmal), wenn Sie außerhalb von jScrollPane div klicken.

Es sieht wie folgt aus:

Hier ist die aktuelle CSS:

background-color: transparent; 
border-bottom-width: 0px; 
border-left-width: 0px; 
border-right-width: 0px; 
border-top-width: 0px; 
bottom: auto; 
color: #999E92; 
display: block; 
float: right; 
font-family: VerdanaArial, Helvetica, sans-serif; 
font-size: 16px; 
height: 802px; 
left: auto; 
margin-bottom: 0px; 
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
overflow-x: hidden; 
overflow-y: hidden; 
position: relative; 
right: auto; 
top: auto; 
visibility: visible; 
width: 200px; 
z-index: 1; 

ich dieses Problem in Chrom und Safari wiedergeben kann (nicht in anderen Orten getestet).

Answer 1

Versuchen Hinzufügen outline: none; zu Ihrem CSS

Answer 2

outline: none; funktionieren wird, aber bitte beachten Sie, dass dies ein Standard-Browser Verhalten in Chrome, FF und Safari und wird es für sehbehinderte Menschen schwer machen, Ihre Website zu navigieren. Stellen Sie sicher, dass Sie nur nicht navigierbare Elemente auf Ihrer Seite hinzufügen.

Presse

Option + Tab

die Navigationsstruktur Ihrer Website Bildschirm-Leser gezeigt, um zu sehen, etc. Und dies wird auch zeigen, wo die Umrisse auf dem anderen Elementen zeigt sich ! :)

Answer 3

Alles, was Sie tun müssen, ist die folgende Zeile in Ihrem CSS hinzuzufügen.

.jScrollPaneContainer{ 
    outline: 0 none; 
} 

Answer 4

Wenn Sie initialisieren JScrollPane, verwenden Sie den Parameter:

hideFocus: true 

Für Ex:

$('.scroll-pane').jScrollPane(
{ 
    autoReinitialise: true, 
    hideFocus: true 
});