jScrollPane div 上的蓝色边框
实例：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 中重现此问题（未在其他地方）。
Live example: http://www.legodata.com/kc/kc.html
I've got a border display issue with jScrollPane, would you know which css rule to use to remove this border?
when clicking inside it, it displays a blue border around the jScrollPane div, it disappears (sometimes) when clicking outside the jScrollPane div.
It looks like this:
Here is the current 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;
I can reproduce this issue in Chromium and Safari (not tested in other places).
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
初始化 jScrollPane 时，使用参数：
例如：
When you initialize jScrollPane, use the parameter:
For ex:
尝试将
outline: none;添加到您的 cssTry adding
outline: none;to your cssoutline: none;可以使用，但请注意，这是 Chrome、FF 和 Safari 中的默认浏览器行为，会让视力不佳的人难以浏览您的网站。确保仅将其添加到页面上的不可导航元素。按
可查看向屏幕阅读器等显示的网站的导航结构。这还将显示轮廓在其他元素上显示的位置！ :)
outline: none;will work, but please be aware that this is a default browser behavior in Chrome, FF and Safari and will make it hard for partially sighted people to navigate your site. Make sure to add it only to non-navigable elements on your page.Press
to see the navigational structure of your site shown to screen-readers, etc. And this will also show where the outline shows up on your other elements! :)
您所要做的就是在 CSS 中添加以下行。
All you have to do is to add the following line in your CSS.