구글 크롬은 위의 바이올린에서 텍스트를

Question

Demo

를 선택할 때 테두리가 나타나는 어떤 배경 또는 테두리 색상 없다하지만 난 클릭하거나 선택할 때 텍스트의 경계는 구글 크롬에 나타납니다.

마크 업 나는이 문제를 해결하려면 어떻게

<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

가 크롬 사용자 에이전트를 통해 (기본값으로두고 .

*:focus { 
    outline: none; 
} 

Answer 4

*:focus { 
    outline: none; 
} 

: 스타일 시트)가 집중 될 때 각 입력 요소 주위 사실 개요)에이 노란색 경계 ( 당신은 당신의 CSS에 다음 코드를 넣어이 기본값을 덮어 쓸 수 있습니다

트릭을해야합니다 ...