크롬 브라우저에서 커서 높이를 설정하는 원리는 컨텐츠가 없을 때 커서 높이 = 입력 라인 높이의 값입니다. 컨텐츠가 있으면 입력 입력 상자의 커서 크기가 입력 상단에서 텍스트의 맨 아래로 일관되지 않게 표시됩니다.
IE7은 크롬 중화에서 매우 분명합니다
문제의 이유를 살펴 보겠습니다. 크롬 브라우저의 커서 높이를 설정하는 원리는 다음과 같습니다. 내용이 없으면 커서 높이 = 입력의 라인 높이 값입니다. 내용이 있으면 커서는 입력 상단에서 텍스트 하단으로 이동합니다.
우리는 이유를 알고 있기 때문에 그에 따라 몇 가지 조치를 취할 것입니다. 나는 그것을하기 위해 두 가지 방법을 시도했다 :
방법 1 : 라인 높이의 값을 글꼴 크기와 같은 크기로 설정합니다. 높이에 도달하지 않으면 패딩을 사용하여지지하십시오.
방법 2 : Chrome에 대한 줄 높이를 설정하지 않으면 텍스트를 자동으로 중앙에 놓습니다. 텍스트가 수직 중앙에 있는지 확인하기 위해 IE에 대한 선 높이의 가치를 해킹하십시오. 여기서 리셋 스타일 파일에서 줄 높이 값을 설정하면 Line-Height : Normal을 사용할 수 있습니다. 자세한 내용은 Tencent Hollywood Page의 검색 상자를 확인할 수 있습니다.
특정 CSS :
코드를 복사하십시오