Chrome 브라우저에서 focus_javascript 팁 시 input[text] 및 textarea가 노란색 테두리로 표시되지 않도록 하는 방법

특히 input[text] 및 텍스트 영역이 있으며, 다음 그림과 같이 텍스트 영역의 오른쪽 하단에 마우스로 텍스트 영역의 크기를 드래그하는 데 사용할 수 있는 기능도 있습니다.

입력[텍스트]：

텍스트 영역:

노란색 테두리가 페이지 효과에 영향을 미치는 경우가 있으며, 텍스트 영역을 드래그하여 크기를 변경하면 레이아웃에 직접적인 영향을 미치므로 이러한 중복 기능과 효과가 페이지에 영향을 미치지 않도록 하려면 몇 가지 CSS를 사용하여 테두리를 지울 수 있습니다. Chrome 브라우저의 기본 설정은 다음과 같습니다.

양식 항목의 포커스를 취소할 때 생성되는 노란색 테두리:

코드 복사 코드는 다음과 같습니다.

input,button,select,textarea{outline:none}

텍스트 영역의 드래그 및 크기 조정 기능 취소:

코드 복사 코드는 다음과 같습니다:

textarea{resize:none}

병합 후:

코드 복사 코드는 다음과 같습니다.

input,button,select,textarea{outline:none; }
텍스트 영역{ 글꼴 크기:13px; 크기 조정:없음;}