크롬에서는 ie와는 다르게 textarea의 오른쪽 아래를 마우스로 드래그해서 크기 조절이 가능한데요, 이 기능으로 인해서 팝업창이라던지 기타 페이지에서 레이아웃이 틀어지는 경우가 가끔 있습니다. 세로로 크기 조절하는 것은 스크롤바가 생기니 레이아웃과 무관하여 정비중인 솔루션에 적용했습니다. 이 부분을 적용하는 것은 css에 resize속성을 주면 됩니다. 속성은 총 다섯개입니다. none : 조절 불가 both : 가로/세로 조절 가능 horizontal : 가로 조절만 가능 vertical : 세로 조절만 가능 inherit : 부모에게서 상속 textarea { resize: vertical; }

크롬에서는 괜찮은데 ie10 이상의 브라우저에서 input type="textbox" 에 포커스가 있을 경우 텍스트를 삭제할 수 있는 x 버튼이 자동으로 보이게 되는데요, 사실 필요없는 부분이라 안보이도록 숨겨보겠습니다. 소스는 간단합니다. input[type=text]::-ms-clear { display: none; } + ::-ms-clear pseudo-element에 관련된 상세 내용은 MS Windows Dev Center에서 확인 가능합니다.