ProgramingTip

Twitter Bootstrap 텍스트 필드의 높이가 너무 작습니까?

bestdevel 2020. 11. 3. 08:21
반응형

Twitter Bootstrap 텍스트 필드의 높이가 너무 작습니까?


.10px을 사용하고 있다는 것을 알게되었습니다. 작거나 실수를 저질렀는지 궁금합니다.

방화범을 사용하여 텍스트 영역을 검사했습니다. 그리고 내가 얻은 것과 동일합니다. 부트 스크립트의 텍스트 영역 . 그것은 나를 다소 혼란스럽게 만듭니다 ... 내가 얻은 것은

input, textarea, select, .uneditable-input {
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  color: #555555;
  display: inline-block;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 4px;
}

누가 도와 드릴까요?!


추가하면 <!DOCTYPE HTML>이 문제가 해결됩니다. 동일한 질문이 여기에 제기되었습니다. 트위터 부트 스트랩의 텍스트 입력 문제


상위 답변이 도움이되지 않은 경우

나는 <!DOCTYPE html>이미 가지고있어 나에게 문제가 아니었다. 문제가 무엇인지 모르겠지만 내 CSS에서 다음과 같이 수정했습니다.

input[type=text], input[type=password], input[type=email], input[type=tel] {
    height: 28px !important;
}

해결 방법이 확실하지 않습니다.


새로운 HTML5 페이지를 열면 왜 작동하는지 모르겠지만 일부 코드를 추가 한 후에는 왜 발생하는지 모르겠습니다. 그래서 bootstrap.min.css 파일을 실행해야 할 작업을 검색 type="text"합니다.


예, 전체적으로 height28px패딩 및가 height다음 input과 같이 추가되기 때문입니다 .

height 18px + 
4px padding-top + 
4px padding-bottom + 
1px border-top + 
1px border-bottom = 
Total 28px height

여기 에서 여기 내 솔루션을 참조하십시오 .

기본적으로 텍스트 파일 인코딩으로 인해 모든 문제가 발생했습니다. 브라우저에 따라 미세한 차이로 인해 CSS가 원인이라고 생각할 시간을 가질 수 있습니다.

참고 URL : https://stackoverflow.com/questions/9222851/twitter-bootstrap-text-fields-height-too-small

반응형