-2

演示

在上面的小提琴中，没有背景或边框颜色，但是当我单击或选择文本边框时，会出现在 google chrome 中。

标记

<div id="ja-component">
  <div id="fit-scroll" style="height: 505px; overflow: hidden; padding: 0px; width: 289px;" class="jspScrollable" tabindex="0">

  <p>some text</p>


  </div>
</div>

我该如何解决这个问题？

4

4 回答 4

3

利用

*:focus {
    outline: none;
}

演示

于 2013-06-27T04:12:44.390 回答
0

您需要添加“大纲：0；” 作为“div#fit-scroll”样式。我建议不要使用内联样式，但根据您的演示，您应该添加：

div id="fit-scroll" style="box-shadow:0; outline: 0; height: 505px; overflow: hidden; padding: 0px; width: 289px;" class="jspScrollable" tabindex="0">

演示

于 2013-06-27T04:15:26.850 回答
0 
*:focus {
    outline: none;
}

它应该可以解决问题...

于 2013-06-27T06:00:38.303 回答
0

Chrome 默认（通过用户代理样式表）在每个输入元素获得焦点时将黄色边框（实际上是一个轮廓）放在每个输入元素周围。您可以通过将以下代码放入您的 css 来覆盖此默认值：

*:focus {
    outline: none;
}
于 2013-06-27T04:40:03.160 回答