CSS는 다양한 브라우저에서 입력 태그의 차이점을 수정합니다.

먼저 다양한 브라우저에서 양식 태그(input, select)가 어떻게 다르게 작동하는지 설명하겠습니다.
1. input 또는 select가 다른 태그(예: a, label)와 혼합되면 불일치가 발생할 수 있습니다. 센터링의 문제.
2....혼합시 외부 태그는 양식 태그를 제어할 수 없습니다.
3. 입력란에 입력된 텍스트의 줄 간격, 간격 등에 차이가 있습니다.

파싱 현상:
입력: 텍스트 속성,
기본값:
1. Firefox의 높이는 16px이고, IE에서는 14px입니다. 글꼴 크기는 13.3333px입니다.
3. 입력에는 패딩 값이 있습니다: Firefox는: padding: 1px 0; IE는: 1px 0 3px 0; 해결 방법: 다음 코드:

< 스타일 유형="text/css">
몸 {
글꼴 가족:"宋体";
글꼴 크기:12px;
}

테이블 {

border -collapse:collapse;

border:solid red 1px;
}
td,th {
border:solid red 1px;
height:40px;
}
label {
수직 정렬:중간;
}
.inputtxt {
너비:200px;
패딩:0;
글꼴 계열:"宋体";
글꼴- 크기 :12px;
높이:15px;
선 높이:15px;
수직 정렬:중간;
테두리:단색 #0000FF 1px;
}

< ; /style>

   
 
 일>초
 

firt

tr>

html> 이 경우 아래와 같이 IE와 Firefox는 동일합니다. 성명： 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. 이전 기사：CSS 텍스트 복제, 즉 버그로 인해 이상한 텍스트 복제가 발생함다음 기사：CSS 텍스트 복제, 즉 버그로 인해 이상한 텍스트 복제가 발생함 관련 기사 더보기 JSDOMReady 이벤트의 6가지 구현 방법 요약 페이지의 다양한 열 레이아웃에 대한 CSS 구현 예 순수한 CSS3 전체 화면 반응형 슬라이드쇼 효과 순수한 CSS3의 멋지고 다채로운 3D 버튼 스타일 놀라운 CSS3 육각형 메뉴 애니메이션 효과 집 강의 Q&A 나의 집 강의 기사 Q&A 사전 수동 다운로드 주제 집 기사 Q&A 강의 주제 다운로드 게임 사전 简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）