input 테두리,그림자 없애는 방법

<input 파란색 테두리,그림자 없애기>

구글링을 해보니 크롬 특유의 input 칸 클릭 효과라고 해서

input:focus {  outline: none; }

적용해봤는데 아무 반응이 없었다. 그래서 익스플로어에서도 실행해봤는데 여전히 파란테두리가 존재했다.

border: 1px solid red;

border값을 줬더니 밑에 처럼 빨간 테두리가 생겼다.

box-shadow: none;  border: 1px solid red;

이렇게 shadow를 none으로 주면 그림자가 사라진다.

파란 그림자는 사라지고 빨간 테두리만 남았다.