google chrome з'являється кордон при виборі тексту

Демо

У вищенаведеному скрипці немає жодного кольору фону або кордону але коли я натискаю або вибираю текстовий кордон з'являється в Google Chrome.

Розмітка

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

  
some text

</div> </div>

Як я можу вирішити це?

2
Існує причина, що вам запропонують ввести код, а не лише посилання на jsfiddle. Підказка: це не тест вашої навички пошуку лазейки.
додано Автор Matt Ball, джерело

8 Відповіді

Використовуйте

*:focus {
    outline: none;
}

Демо

2
додано

Використовуйте

*:focus {
    outline: none;
}

Демо

2
додано

Chrome ставить за замовчуванням (через таблицю стилів агента користувача) цю жовту рамку (яка фактично є контуром) навколо кожного елемента входу, коли вона фокусується. Ви можете перезаписати це значення за замовчуванням, вставивши наступний код у ваш css:

*:focus {
    outline: none;
}
0
додано

Chrome ставить за замовчуванням (через таблицю стилів агента користувача) цю жовту рамку (яка фактично є контуром) навколо кожного елемента входу, коли вона фокусується. Ви можете перезаписати це значення за замовчуванням, вставивши наступний код у ваш css:

*:focus {
    outline: none;
}
0
додано
*:focus {
    outline: none;
}

Це має зробити трюк ...

0
додано
*:focus {
    outline: none;
}

Це має зробити трюк ...

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

Демо

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

Демо

0
додано