Question

在上面的小提琴中没有背景或边框颜色但是当我点击或选择文字边框出现在谷歌浏览器中。

标记

<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>

我该如何解决这个问题？

Answer 1

使用

*:focus {
    outline: none;
}

Demo

Answer 2

你需要添加“outline：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">

Demo

Answer 3

当每个输入元素聚焦时，Chrome会将这个黄色边框（实际上是一个轮廓）作为默认设置（通过用户代理样式表）。您可以通过将以下代码放入css来覆盖此默认值：

*:focus {
    outline: none;
}

Answer 4

*:focus {
    outline: none;
}

应该这样做......

选择文本时谷歌浏览器出现边框

4 个答案: