HTML 입력 태그의 글꼴 및 글꼴 크기를 변경하는 방법은 무엇입니까?

HTML 입력 태그의 글꼴 및 글꼴 크기를 변경하는 방법은 무엇입니까?

---

이 질문에 이미 답변이 있습니다.

• HTML 3 답변 의 텍스트 상자에서 글꼴 크기를 변경하는 방법

<input id="txtComputer">

입력 태그 안의 텍스트를 더 크게 만들려면 어떻게합니까? 24 사이즈 폰트로 만들고 싶습니다. 기본에서 글꼴을 변경할 수 있으면 좋을 것입니다.

---

<input type ="text" id="txtComputer">

CSS

input[type="text"]
{
    font-size:24px;
}

---

'head'섹션에 다음 코드를 추가하십시오.

<style>
input[type='text'] { font-size: 24px; }
</style>

또는 다음 항목 만 추가 할 수 있습니다.

input[type='text'] { font-size: 24px; }

나중에 포함될 수있는 CSS 파일에.

CSS 속성 : font-family를 사용하여 글꼴을 변경할 수도 있습니다.

font-family: monospace;

따라서 다음과 같은 CSS 코드를 가질 수 있습니다.

input[type='text'] { font-size: 24px; font-family: monospace; }

W3Schools 웹 사이트 에서 추가 도움말을 찾을 수 있습니다 .

CSS3 사양을 살펴 보시기 바랍니다. CSS3를 사용하면 가장 일반적인 글꼴 만 사용하거나 사용중인 글꼴을 다운로드하도록 사용자에게 알리는 대신 웹에서 글꼴을로드 할 수도 있습니다.

---

귀하의 CSS에서 :

 #txtComputer {
      font-size: 24px;
 }

입력을 완전히 (배경, 색상 등) 스타일링하고 hover 이벤트를 사용할 수도 있습니다.

참조 URL : https://stackoverflow.com/questions/8083430/how-to-change-the-font-and-font-size-of-an-html-input-tag