爲什麼提交輸入樣式不適用於Chrome瀏覽器（Mac）上，但只適用於背景顏色？

我有一個簡單的網頁，其中CSS樣式規則不適用於表單的按鈕，如果我在Chrome或Safari（Mac OS X，Yosemite）上。它適用於Firefox。如果我使用背景顏色屬性，它適用於Chrome和Safari。爲什麼提交輸入樣式不適用於Chrome瀏覽器（Mac）上，但只適用於背景顏色？

看看下面的例子。 save按鈕沒有Roboto Mono字體，因爲它應該是。僅當您在Chrome或Safari上打開頁面時纔會出現此問題。它適用於Firefox。

最重要的是，如果我在按鈕上應用了像background-color這樣的樣式，則字體Roboto Mono突然按預期工作，並且它也應用於按鈕上。

這是我用過的代碼。

任何線索，爲什麼按鍵不採取任何指定的字體，但只有當

？

更新：還有另一種解決方法。而不是使用<input type="submit" value="Save">，如果我使用<button type=submit>Save</button>，則button使用我期望的字體樣式。

它是您的webkit樣式。補充一點：

input[type=submit]{ 
    -webkit-appearance: button; 
}

這是Webkit的唯一

乾杯

2015-12-29 18:53:35 Riskbreaker

OOOOH。這是你給我的一個很好的暗示。但我相信修正應該是'-webkit-appearance：button'。你同意嗎？這不會丟掉所有樣式，但會按預期應用字體樣式，現在我可以看到應用於按鈕的「Roboto Mono」。如果你確定，請編輯你的答案，我會接受它。 –

YE對於'button'應該也很棒（'none'是基本的，按鈕更適合現代瀏覽器，而不是更老的瀏覽器]，但是好的調用也是:) – Riskbreaker

回答