ios 핸드폰 의 input 입력 상자 커서 가 너무 긴 문 제 를 해결 합 니 다.

1158 단어 iosinput입력 상자
프로젝트 에서 모 바 일 페이지 를 만 들 었 더 니 IOS 의 커서 크기 가 매우 크 고 안 드 로 이 드 와 완전히 다른 것 을 발 견 했 습 니 다.크기 를 어떻게 조정 할 지 고민 하고 실천 과 시 도 를 통 해 해결 방법 을 찾 아 공유 합 니 다.
수정 전 css 부분 코드:

.receiving-info .receiving-info-list input {
 display: inline-block;
 width: 70%;
 font-size: 14px;
 color: #333;
 border: none;
 outline: none;
 line-height: 50px; 
}
수정 후 css 부분 코드:

.receiving-info .receiving-info-list input {
 display: inline-block;
 width: 70%;
 font-size: 14px;
 color: #333;
 border: none;
 outline: none;
 line-height: 20px; 
}
Android 와 iOS 휴대폰 수정 전후 효과:


사실 line-height 크기 만 조정 하면 iOS 와 안 드 로 이 드 폰 input 커서 크기 가 일치 하지 않 는 문 제 를 해결 할 수 있다.
총결산
위 에서 말 한 것 은 소 편 이 소개 한 ios 핸드폰 의 input 입력 상자 커서 가 너무 긴 문 제 를 해결 하 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기