입력 요소가 Firefox 본문의 글꼴을 상속받지 않는 이유는 무엇입니까?

<입력> 에서 상속된 요소의 글꼴 Firefox: 문제 해결

겉으로는 간단해 보이는 CSS 규칙에도 불구하고 Firefox의 요소는 요소. 이러한 불일치는 의 기본 동작으로 인해 발생합니다. 글꼴을 상속하지 않는 요소.

글꼴 상속을 적용하려면 CSS를 다음과 같이 조정하여 에 대해 글꼴 계열 속성이 명시적으로 'inherit'로 설정되어 있는지 확인하세요. 요소:

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

이 CSS 규칙을 추가하면 요소는 요소. 이렇게 하면 페이지 전체에서 일관된 글꼴 스타일이 보장됩니다.

글꼴 상속에 대한 실시간 데모를 보려면 다음 바이올린을 참조하세요. http://jsfiddle.net/gaby/pEedc/1/

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