デフォルト フォントのオーバーライド

すべての要素で一貫したフォントの継承を確保するには要素では、フォーム要素のデフォルトのフォント設定を明示的にオーバーライドする必要があります。これは、次の CSS ルールを追加することで実現できます:

input, select, textarea, button {
  font-family: inherit;
}

このルールを追加すると、すべてのフォーム要素は、

デモ

このソリューションのライブ デモンストレーションは、http://jsfiddle.net/gaby/pEedc/1/ で利用できます。このデモでは、 要素と 要素の両方に、予想どおり Verdana フォントが表示されます。

注:

このソリューションはほとんどの最新のブラウザで動作しますが、 , Internet Explorer 9 以前では、フォーム要素のフォントの継承がサポートされていません。これらのブラウザでは、デフォルトのフォント設定が継承されたフォント プロパティをオーバーライドします。