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