jScrollPane div上的蓝色边框

Question

实例：http://www.legodata.com/kc/kc.html

我的jScrollPane出现边框显示问题，你知道用哪条css规则删除这个边框吗？

在其中单击时，它会在jScrollPane div周围显示一个蓝色边框，当在jScrollPane div外部单击时，它会消失（有时）。

看起来像这样：

这是当前的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;

我可以在Chromium和Safari中重现此问题（未在其他地方测试过）。

Answer 1

初始化jScrollPane时，请使用参数：

hideFocus: true

例如：

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

Answer 2

尝试将outline: none;添加到您的css

Answer 3

outline: none;可以使用，但请注意，这是Chrome，FF和Safari中的默认浏览器行为，并且会让视力不佳的人难以浏览您的网站。请务必将其仅添加到页面上的不可导航元素。

按

  

选项+标签

看到您的网站的导航结构显示给屏幕阅读器等。这也将显示大纲显示在您的其他元素的位置！ ：）

Answer 4

您所要做的就是在CSS中添加以下行。

.jScrollPaneContainer{
    outline: 0 none;
}