inputやtextarea、buttonなどにfont-familyやfont-sizeが適用されないときの対処法 ウェブサイトを開発しているとき、なぜかinputタグやbuttonタグにfont-familyやfont-sizeで指定したスタイルが適用されなかった。他にもtextareaタグやselectタグ(ドロップダウンリスト)にも適用されなかった。 調べてみたところ、MDNに答えが載っていた。 フォントとテキスト CSS のフォントやテキストの機能は、任意のウィジェットで容易に使用できます (また、フォームウィジェットで @font-face も使用できます)。ただし、ブラウザの動作にしばしば矛盾があります。デフォルトで、一部のブラウザは親から font-family や font-size を継承しません。代わりに多くのブラウザでは、システムのデフォルトの体裁を使用します。 H
![inputやtextarea、buttonなどにfont-familyやfont-sizeが適用されないときの対処法](https://cdn-ak-scissors.b.st-hatena.com/image/square/2917b24797d5f1a6a65041da05353bb470d77202/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEggmDD_TQG438XcggtrVpUmzA6UHNmIBvLXx4DEknz9Yjw6ZDeS1misodUjkljy3msECoy4pAR6jxoIwkL9AswRmOU_NFlWpUYjNqTrdkLIWx1yErZPXqwycqJnuG7HFX3ibd35y7a6FF62%2Fw1200-h630-p-k-no-nu%2Fcss.png)