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對於某些原因（而這些輸入字段沒有造型）它使用龍力格蘭德爲輸入字段文本和休息只是Helvetica，我100％肯定沒有其他字體家庭標籤其他地方。

這是什麼原因造成的？爲什麼？

來源

2012-02-01 randomKek

可以請你編輯你的問題與問題。只是說html輸入字體是誤導性的，並沒有傳達任何東西 – defau1t 2012-02-01 19:05:21

輸入字段通常在瀏覽器的默認樣式表中設置自己的樣式。這通常意味着一個依賴於瀏覽器的字體系列和大約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;'，它將繼承爲body或其他父元素指定的字體 – Yevgeniy 2013-01-04 12:19:32

@ Yevgeniy，所有的瀏覽器都不支持'inherit'，這在這裏就沒有必要了。 – 2013-01-04 15:51:28

嘗試使用以下：

輸入{ 字體家庭：繼承; }

或者設置任何其他字體，讓看看這個更改問題。

來源

2012-02-01 18:50:50 Alexandr

'inherit'的主要問題是IE不支持它。 – 2012-02-01 19:20:01

HTML輸入字體

回答

相關問題