텍스트 영역과 텍스트 필드가 글꼴 설정을 상속하지 않는 이유는 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-14 14:34:02
원래의
933명이 탐색했습니다.

Why Do Textareas and Text Fields Not Inherit Font Settings?

텍스트 영역 및 텍스트 필드의 글꼴 설정 제어

대부분의 경우 웹 페이지 내의 요소는 본문 섹션에 정의된 글꼴 ​​속성을 상속합니다. 그러나 텍스트 영역 및 텍스트 필드와 같은 특정 입력 요소는 기본적으로 이러한 설정을 상속하지 않는 경우가 많습니다. 이는 제공한 예에서 볼 수 있는데, 텍스트 영역과 텍스트 필드는 본문 섹션에 지정된 글꼴 모음과 크기를 채택하지 않습니다.

기본 동작 재정의

이 기본 동작을 재정의하려면 CSS에서 원하는 요소에 대해 이러한 글꼴 속성을 명시적으로 지정할 수 있습니다. 이는 스타일시트에 다음 코드를 추가하여 수행할 수 있습니다.

textarea {
   font-family: inherit;
   font-size: inherit;
}
로그인 후 복사

영향을 받는 기타 요소 결정

텍스트 영역 및 텍스트 필드 외에도 XHTML의 다른 요소는 본문 섹션에서 글꼴 스타일을 상속받지 않습니다. 포함:

  • <선택> 드롭다운 메뉴
  • <버튼> 버튼
  • <라벨> 라벨
  • 입력 상자

웹 페이지의 모든 요소가 원하는 글꼴 속성을 일관되게 채택하도록 하려면 식별된 요소에 대해 CSS에서 이러한 속성을 명시적으로 지정하는 것이 좋습니다. 이 접근 방식을 따르면 페이지 전체에서 일관된 스타일을 유지할 수 있습니다.

위 내용은 텍스트 영역과 텍스트 필드가 글꼴 설정을 상속하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿