집 > 기사 > 웹 프론트엔드 > 내 `` 요소가 ``의 글꼴 스타일을 상속받지 않는 이유는 무엇입니까?

내 `` 요소가 ``의 글꼴 스타일을 상속받지 않는 이유는 무엇입니까?

Why Doesn't My `` Element Inherit Font Style From the ``?

에 대해 글꼴 상속이 작동하지 않습니다. 요소

제공된 코드 조각에 설명된 대로 요소가 에 정의된 글꼴 스타일을 상속하지 못합니다. 요소. Firebug를 사용하여 검사한 결과 요소는 "MS Shell Dlg" 글꼴을 사용하는 반면 의도된 "Verdana" 글꼴을 준수합니다.

이 예외의 원인은 기본적으로 상위 요소로부터 글꼴 모음을 상속하지 않는 요소입니다. 이 문제를 해결하고 상속을 적용하려면 추가 CSS가 필요합니다.

<code class="css">input, select, textarea, button {
  font-family: inherit;
}</code>

이 코드를 포함하면 앞서 언급한 모든 요소가 이제 상위 컨테이너에 대해 정의된 글꼴 모음을 상속하게 됩니다. 실용적인 설명을 보려면 다음 JSFiddle 데모를 참조하세요.

http://jsfiddle.net/gaby/pEedc/1/

위 내용은 내 `` 요소가 ``의 글꼴 스타일을 상속받지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：