[ CSS ] 크롬에서 input 박스 테두리 지우기

크로스 브라우징 대응은 웹서비스를 제작하는 입장에서 상당히 귀찮고 짜증나는 작업이다.

도대체왜 브라우저의 css는 제각각인지..

표준을 정했으면좀 지킬것이지..ㅠㅠㅋ

여튼...

어떻게보면 굳이 이런거 까지 대응하냐는 말도 있지만, 까라면 까야지...뭐

타이틀 그대로 크롬에서 HTML input 박스를 사용해본 사람이면 다 알다시피 크롬에는

input 박스안에 포커스가 들어가면 푸른 테두리가 생긴다.

이런식으로...

이걸 지우는 CSS는 상당히 간단하다.

input:focus {
  outline: none;
}

요롷게 적어주면 끝!

참고 : http://www.cmsfactory.net/node/11710