입력 유형 = "날짜"필드가 Chrome의 입력 유형 = "텍스트"필드보다 2 픽셀 더 큰 이유는 무엇입니까?

Question

Chrome에 입력 유형 = "텍스트"필드가있는 입력 유형 = "날짜"필드가 있습니다. 입력 날짜 필드는 텍스트 필드보다 2 픽셀 높습니다. 왜 이런 일이 일어나는 지 아는 사람이 있습니까? this page을보고 나면 스타일에 관계없이 발생하는 것으로 보입니다.

Answer 1

덜 이상적이라는 것을 알고 있지만 padding 속성이 내 input[type="date"]의 경우 내 input과 다르게 스타일링되었습니다. 나는 또한 box-sizing 속성을 사용하여 고정 선택 요소의 높이 불일치에 대한 계정

input, select, textarea { 

    padding: 3px 5px; 

    /* Fix for input and select elements being different sizes */ 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 

} 

input[type="date"] 
{ 
    padding: 2px 5px; 
} 

참고. 이 문제가 발생할 수도 있습니다.