모바일에 집중된 텍스트 필드

사용자가 모바일 브라우저에서 텍스트 필드를 선택하면 텍스트 필드가 강조 표시됩니다. The black bordered square is the text field when it's on focus 모바일에 집중된 텍스트 필드

이 (테두리, 윤곽선, 배경색)을 제거하는 방법을 찾지 못했습니다. 브라우저/휴대 전화마다 다릅니다. 일부는 상자 그림자 등이있는 것 같습니다. 이렇게하는 방법이 있습니까?

당신이 초점을 시도해 봤어이 CSS를 사용 : 초점 { 개요 : 0; } http://www.w3schools.com/cssref/sel_focus.asp – Teson

나는 입력을 시도했다 : focus, input : 모두 함께 활성화! 국경, 외곽선 등에 중요하다. –

는 css로 코드를 게시 할 수있다. html –

지금,

input:focus, input:hover{ 
outline:0; 
border:0 
}

2012-06-21 09:39:21

기본값을 대체하지 않습니다. 실제로 터치 장치에는 마우스를 올려 놓지 않았습니다. –

@AndreBacklund는 jsfiddle.net에 코드를 게시 할 수 있습니다 ... –

나는 내 자신의 스타일링 문제를 의심합니다. 가장 간단한 입력은 모바일 장치에 집중할 때 여전히 스타일이 적용됩니다. –

답변