HTML 입력 태그의 텍스트 크기를 변경할 수 있습니까?

Question

<input> 상자에 더 큰 텍스트를 원하는 클라이언트가 있습니다. 나는 이것이 리소스가 제한된 임베디드 시스템에있는 것처럼 커스텀 그래픽 버튼을 만들 필요가 없다.

Answer 1

input 태그는, 단지 패딩, 테두리, 텍스트 글꼴/크기를 포함한 HTML의 다른 요소와 같은 스타일을 지정할 수 등

input{ 
    font: sans-serif italic 20pt bold; 
    border: 2px black solid; 
} 

또는 이제까지 당신이 좋아하는 것이 무엇.

Answer 2

단순히 지정 font-size 당신이 요소에 대해 원하는 :

input { 
    font-family: tahoma, verdana, sans-serif; 
    font-size: 1.1em; 
} 

나는 상대적 크기 (em)를 사용, 그래서 사용자가 브라우저에 정의 된 큰 글꼴 크기가있는 경우 비율이 유지됩니다.

Answer 3

font-size을 늘릴뿐만 아니라 스타일 요소 설정에 따라 입력 요소의 크기가 조절되지 않으면 height 및 line-height 속성을 늘려야 할 수도 있습니다. 또한 폼이 매우 까다로울 수 있으므로 모든 브라우저에서 확인하십시오.

Answer 4

예, 할 수 있고 또한 간단합니다!

HTML :

<input type="text" class="example_input" name="example_input" /> 

그리고 CSS :

.example_input{ 
font: Arial, Helvetica, sans-serif 20px bold; 
border: 1px black solid; //optional 
} 

가 도움이 희망!

편집 : jsFiddle