크롬에서 입력 경계를 제거하려면 어떻게해야합니까?

Chrome에서 디자인에 밝은 테두리 또는 검색 입력란의 가장자리에 윤곽이 있습니다. 이걸 어떻게 없앨 수 있습니까? 당신이 파란색 "빛"을 의미하는 경우크롬에서 입력 경계를 제거하려면 어떻게해야합니까?

2011-05-07 585connor

것은 자신의 답을 확인, 난 그냥 추가 싶어 "국경 : 0 픽셀 없음을;" – dragonjet

현재 해결 방법이 작동하지 않는 것 같습니다. 다른 아이디어? – 585connor

왜 그렇게하고 싶습니까? 나는 하이라이트가 매우 유용하다고 생각한다. 나는 그것을 불가능하게하는 방법을 찾은 사이트를 사용하지 않을 것이다. 내가 타이핑하고 있던 곳을 찾을 수 없었다. 모든 사람이 인터넷을 탐색하기 위해 마우스를 사용하지는 않습니다. –

form#search input[type="search"] { 
    -webkit-appearance: none; 
}

마음 것이다.

2011-05-07 12:53:57 seler

음수 기호를 사용 했으므로 검색어를 따옴표로 이스케이프해야합니다.''-webkit-appearance '' –

적절한 해결책입니다. – methyl

@Sime Vidas, 음, 너는 살고 배운다. 고맙습니다. – seler

이 CSS를 추가 :이 선택 요소 화살표를 사용할 수 없게됩니다

outline: none;

2011-05-07 06:45:52

이것은 받아 들여진 응답이어야합니다. –

안녕하세요, 개요를 쉽게 삭제할 수 있습니다. none을 CSS의 입력란 outline 속성에 입력하면됩니다.

예 :

form input[type=text]:focus, form input[type=password]:focus, textarea:focus { 
    outline: none; 
}

위는 양식 요소 포커스의 크롬 및 사파리 브라우저에서 윤곽선 테두리를 제거합니다.

2011-05-07 13:33:38 gautamlakum

input, select { 
    outline: none; 
}

이렇게하면 모든 일반 양식 요소에 대한 브라우저 개요가 사용 중지됩니다.

2012-03-20 15:08:42 mystrdat

이 조각은 나를 위해 일한 :

input:focus { 
    box-shadow: none; 
}

2013-10-15 13:44:01

답변