代码之家  ›  专栏  ›  技术社区  ›  Alex

jScrollPane div上的蓝色边框

  •  11
  • Alex  · 技术社区  · 14 年前

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

    我的jScrollPane有一个边框显示问题,你知道用哪个css规则来删除这个边框吗?

    当在其中单击时,它在jScrollPane div周围显示一个蓝色边框,当在jScrollPane div外部单击时它消失(有时)。

    看起来是这样的:

    alt text

    下面是当前的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中复制这个问题(在其他地方没有测试)。

    4 回复  |  直到 14 年前
        1
  •  14
  •   Dave Kiss    14 年前

    尝试添加 outline: none; 到你的css

        2
  •  21
  •   Michael    13 年前

    初始化jScrollPane时,请使用参数:

    hideFocus: true
    

    例如:

    $('.scroll-pane').jScrollPane(
    {
       autoReinitialise: true,
       hideFocus: true
    });
    
        3
  •  3
  •   Karlgoldstraw    14 年前

    outline: none; 会起作用,但请注意,这是Chrome、FF和Safari中的默认浏览器行为,将使有部分视力的人很难浏览您的网站。确保只将其添加到页面上的不可导航元素。

    压力机

    选项+选项卡

    以查看您的网站的导航结构显示给屏幕阅读器等,这也将显示大纲显示在您的其他元素上的位置!:)

        4
  •  1
  •   vivek    13 年前

    你所要做的就是在你的CSS中添加下面的一行。

    .jScrollPaneContainer{
        outline: 0 none;
    }