반응형
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"합니다.
예, 전체적으로 height는 28px패딩 및가 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
반응형
'ProgramingTip' 카테고리의 다른 글
| URL에서 HTTP 응답 코드를 얻는 가장 좋은 방법은 무엇입니까? (0) | 2020.11.03 |
|---|---|
| 악용 가능한 C # 함수 (0) | 2020.11.03 |
| 유닉스 타임 스탬프가 주어지면 그날의 시작과 끝을 얻는 방법은 무엇입니까? (0) | 2020.11.03 |
| XCTest를 사용하는 테스트의 파일 경로에 대한 NSURL (0) | 2020.11.03 |
| Visual Studio 2015 업데이트 3 오프라인 설치 관리자 (ISO) (0) | 2020.11.03 |