css - 브라우저 - 크롬 테두리 없애기




텍스트/입력 상자 주위에 테두리(윤곽선)를 제거하는 방법?(Chrome) (8)

이 질문에는 이미 답변이 있습니다.

누구든지 텍스트 / 입력 상자 주위에 주황색 또는 파란색 테두리 (개요)를 제거하는 방법을 설명 할 수 있습니까? 입력 상자가 활성 상태임을 보여주기 위해 Chrome에서만 발생합니다. 다음은 사용중인 입력 CSS입니다.

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}


Bootstrap 3.1.1에서 현재 답변이 나에게 적합하지 않습니다. 여기 내가 대체해야 할 것이있다.

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

나는 또한 당신이 사용할 수있는 것으로 나타났습니다 :

input:focus{
   border: transparent;
}

세트

input:focus{
    outline: 0 none;
}

"중요한!"은 단지를위한 것입니다. 그럴 필요는 없습니다. [그리고 이제 사라 졌어요. -Ed.]


솔루션을 찾았습니다.
나는 사용했다 : outline:none; CSS에서 그리고 그것은 일한 것으로 보인다. 어쨌든 도움을 주셔서 감사합니다. :)


이것은 무엇이든지 상관없이 모든 요소에서 크롬의 오렌지 프레임을 제거합니다.

*:focus {
    outline: none;
}

이것은 확실히 작동 할 것입니다. 오렌지색 외곽선이 더 이상 표시되지 않습니다 .. 모든 태그에 공통 :

*:focus {
    outline: none;
}

일부 태그, 예 : 입력 태그에만 적용됩니다.

input:focus {
   outline:none;
}

<input style="border:none" >

나를 위해 잘 일했다. HTML 자체에서 수정 되길 원했지만 ... :)


input:focus {
    outline:none;
}

이것은 할 것이다. 오렌지 윤곽선이 더 이상 나타나지 않습니다.







border