양식 입력 필드 수정

텍스트가 약 2-5 픽셀 낮게 표시되는 제출 양식 입력 필드를 사용하고 있습니다. 이로 인해 소문자 y, q, j 등의 글자가 Chrome의 상자 아래에 번져서 IE 8에 부분적으로 만 표시됩니다.이 문제를 해결하기 위해 입력에서 몇 픽셀 높게 표시하고 싶습니다. 입력란을 몇 픽셀 높이로 만듭니다.양식 입력 필드 수정

어떻게해야합니까? 사전에

감사합니다,

존

입력 필드의 코드 :

<div class="submissionfield"><input class="checkMax3" name="title" type="title" id="title" maxlength="80"></div>

CSS의 : 입력 필드 아마도 150 %에 line-height을

.submissionfield 
    { 
    position:absolute; 
    width:550px; 
    left:30px; 
    top:230px; 
    text-align: left; 
    vertical-align:text-top; 
    margin-bottom:10px; 
    padding:2px; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 22px; 
    color:#000000; 
    }

출처

2010-08-09 John

설정 .

출처

2010-08-09 13:16:22 kravemir

이 질문과 관련이 없지만 선 높이가 150 % 인 경우 Internet Explorer 7 및 8의 값 텍스트 스타일 문제와 관련하여 도움이되었습니다. – DBUK

당신은 몇 가지 다른 방법으로 CSS를 사용하여 입력 필드를 타겟팅 할 수 있습니다 :

input#title { 
    /* Contents here */ 
} 

.submissionfield input { 
    /* Contents here */ 
} 

.submissionfield input#title { 
    /* Contents here */ 
}

내가 입력에 약간의 바닥 패딩을 붙이거나 줄 높이 값을 증가하려고 것입니다.

출처

2010-08-09 13:27:05 Stann0rz

포함 된 코드를 사용하여 설명하는 문제가 보이지 않습니다. 페이지에 다른 스타일이 정의되어 있습니까?

출처

2010-08-09 13:41:15

양식 입력 필드 수정

답변

관련 문제