ブラウザの動作にしばしば矛盾があります。代わりに多くのブラウザでは、システムのデフォルトの体裁を使用します。100%;}以下のスクリーンショットで違いを示します。おける要素のデフォルトのレンダリングで、プラットフォームのデフォルトのフォントスタイルを使用しています。右側は同じ要素ですが、フォントを調和させるスタイルルールを適用したものです。フォームはシステムのデフォルトスタイルを使用するか、コンテンツに合うよう設計されたカスタムスタイルを使用するかについては多くの議論があります。アプリケーションを作成するあなた次第です。完全にサポートしています。前述のとおり、ブラウザがウィジェットを表示する際はシステムのデフォルトスタイルに依存します。コンテンツに対してそれらをどのように混ぜ合わせるかを決めるのは、あなた次第です。ウィジェットでネイティブのルックアンドフィールを維持したいのでしたら、ウィジェットのサイズを調和させたい場合に若干の問題に直面するでしょう。これは各ウィジェットがボーダー、パディング、マージンについて独自のルールを持っているためです。併せて使用して作成したものです。各種のウィジェットにプラットフォームのデフォルトルールがあるにも関わらず、すべての要素が同じ領域を占めるようにすることが可能な点に注目してください。フォームウィジェットのポジショニングは、通常は問題になりません。要素はポジショニングを除いて、スタイル設定の問題はありません。上ボーダーの前面に配置されます。フロー内に配置するよう変える方法はまったくありません。ボーダーの一部になります。要素を、テキストの下端に揃えるインラインブロックとみなします。これが実際に望む形であることはほとんどありません。プロパティを使用するのがとても簡単です。フォームにスタイルを設定する方法の具体例を見ていきましょう。これが、多くのアイデアを明らかにするのに役立つでしょう。ガイドの最初の記事で使用したものより少しだけ複雑です。タイトルを追加しています。"Journal"ここからコードを見ていきましょう。要素の基本的なスタイルを定義して、下地を用意します。url(background.jpg);}これで、タイトルやフォーム要素といった各要素を配置できます。70px;}そして、フォーム要素自体に対するスタイル設定を始めます。適切なフォントを割り当てましょう。sans-serif;}テキストフィールドには、共通のルールがいくつか必要です。none;}これらフィールドのひとつがフォーカスを得たときに、ライトグレー色で透過する背景で強調します。プロパティを追加することが重要ですので注意してください。none;}テキストフィールドのスタイル設定が完了して、次は単一行および複数行のテキストフィールドの表示が同じになるよう調整しなければなりません。これは、一般的にこれらのデフォルト表示が同じでないためです。きれいに表示するための調整が必要です。要素はデフォルトでブロック要素としてレンダリングされるようにします。プロパティを使用します。プロパティは、ブラウザ間でのフィールドの一貫性を向上させるために使用します。あるブラウザが存在します。なるようにするのがよいでしょう。よってより便利になります。あなた自身で試してみましょう。使用したスタイル設定は容易です。プロジェクトのフォーム部分をご覧ください。カテゴリに入っているウィジェットの扱い方を見ていきます。従って私の個人情報を扱うことに同意します。今すぐ購読ニュースレターは今のところ英語のみで提供されています。購読確認用の新着メールを探してください。関連のニュースレターを購読したことがない場合、購読開始の確認が必要となります。お送りした確認メールを受信トレイもしくは迷惑メールフィルタから探してください。下で公開されています。