HTML 입력 글꼴

CSS는 :HTML 입력 글꼴

body{ 
    font-family: 'Helvetica', Arial, Lucida Grande, sans-serif !important; 
    font-size: 12px; 
    line-height: 1.4; 
    min-width: 1050px; 
    min-height: 500px; 
    color: #333333; 
}

완벽하게 작동하지만 입력 필드에서 작동하지 않는 것 : S를 어떤 이유로 (그 입력 필드가 NO 스타일이없는 동안)가 루시다를 사용 그란데 입력란 텍스트와 나머지는 단지 Helvetica입니다. 다른 글꼴 조합 태그가 없는지 100 % 확신합니다.

왜 그런가? 그 이유는 무엇입니까?

출처

2012-02-01 randomKek

문제를 작성하여 질문을 편집 할 수 있습니까? 단지 html 입력 글꼴이 오도 된 것이며 아무 것도 전달하지 않는다는 것을 의미합니다. – defau1t

입력 필드는 일반적으로 브라우저의 기본 스타일 시트에 설정된 고유 한 스타일을 갖습니다. 이것은 일반적으로 브라우저 종속 글꼴 그룹을 의미하며 글꼴 크기는 약 90 %입니다.

글꼴을 설정하려면 해당 글꼴을 참조하는 선택자를 사용해야합니다.

body, input { 
    font-family: 'Helvetica', Arial, Lucida Grande, sans-serif; 
    font-size: 12px; /* if that’s what you want... */ 
    line-height: 1.4; /* somewhat excessive */ 
    color: #333333; /* if that’s what you want, but it reduces legibility */ 
    background: white; /* always set background when you set color */ 
} 
body { 
    min-width: 1050px; /* if you really want this... */ 
    min-height: 500px; 
}

(그러나 이는 제출 버튼에도 영향을 미칩니다).

출처

2012-02-01 18:52:27

당신이 입력 필드에 글꼴 군을 설정하는 것을 피하고 CSS에서 "재설정"을 사용하고 싶다면'font-family : inherit;'을 쳐서 본문 또는 다른 선행 부모 요소에 지정된 글꼴을 상속받습니다 – Yevgeniy

@ Yevgeniy의'상속 (inherit)'은 모든 브라우저에서 지원되는 것은 아니며 여기서는별로 필요하지 않습니다. –

시도가 다음 사용하기 :

입력 { 글꼴 - 가족 : 상속; }

다른 글꼴을 설정하고 변경 사항을 확인하십시오.

출처

2012-02-01 18:50:50 Alexandr

'inherit'의 주된 문제점은 IE가 그것을 지원하지 않는다는 것입니다. –

HTML 입력 글꼴

답변

관련 문제