CSS : 빈 입력은 내용이있는 입력과 다른 행 높이가 있습니까?

Question

이것은 특정 사이트에 대한 구체적인 문제가 아니며, 내가 에있는 모든 프로젝트에서 프로젝트에있는 것처럼 보입니다.

만약 당신이 봐 here. 입력 내부를 클릭하면 캐럿이 입력 높이까지 늘어납니다. 이제 키를 누르면 캐럿이 텍스트 높이로 축소됩니다. 합니까 사람 :

A))이

B 일어나는 이유를 알고 그것을 해결하는 방법을 알아?

Answer 1

그럴 가치가 있는지 모르겠어요,하지만 당신은 파이어 폭스에서이 문제를 해결 주장하는 경우에, 당신이 할 수있는 : 텍스트 상자의 값이 비어있는 경우, 포커스 이벤트에

을 다음 문자열 :

1. 데모 작업 " " (공백 문자)
2. 이동 텍스트 상자

의 시작에 캐럿에 값을 설정 : 012,338,883,

선택 사항을 설정하는 데 사용자 지정 스크립트를 사용하고 있습니다. 여기에 있습니다 : http://vidasp.net/js/selection.js
selec.set(this, 0, 0) 텍스트 상자의 시작 부분에 캐럿을 설정합니다.

$("input:text").focus(function() { 
    if (this.value.length === 0) { 
     this.value = " "; 
     selec.set(this, 0, 0); 
    } 
}); 

업데이트 : 입력 내부 http://jsfiddle.net/U2TPK/12/
이 문제는 간단하다 나의 관점에서

Answer 2

(이 또한 사용자가 반복적으로 빈 텍스트 상자에 중점을두고 상황을 처리), 폰트 크기

input { 
    background: none; 
    border: none; 
    padding: 0; 
    margin: 0; 
    border: 1px solid #CCCCCC; 
    height: 20px; 
    width: 200px; 
    font-size:20px; 
} 

또는 사용할 수 있습니다 :

당신이 원하는 크기로 글꼴을 설정하는 경우 그래서 이것은 그것을 수정해야 실제 입력 크기보다 작은

input { 
    background: none; 
    border: none; 
    padding: 0; 
    margin: 0; 
    border: 1px solid #CCCCCC; 
    height: 15px; 
    width: 200px; 
    line-height:20px; 
} 

Answer 3

나를 위해 고정 된 고정 높이를 설정하십시오.

option 
{ 
    height: 12px; 
}