Google Chrome появляется границами при выборе текста

Question

Demo

В приведенной выше скрипке нет фона или цвета границы , но когда я нажимаю или выберите текст граница появляется в Google Chrome.

Markup

<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

вам нужно добавить "контур: 0;" . Как «DIV # подходит улиткой» стиль я бы рекомендовал не использовать встроенный стиль, но в соответствии с вашим демо, вы должны добавить:

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

Он должен сделать трюк ...