HTML5 フォームは HTML5 機能の使用によりレンダリングされ、レンダリングされるフォームのスタイル設定は CSS の使用によって実行されます。HTML5 フォームのデフォルトの外観は、その PDF レンダリングに似ています。開発者はカスタム CSS を使用して、HTML5 フォームのデフォルトの外観を変更できます。
この記事では、HTML5 フォームのスタイルを変更するための詳細手順を説明します。スタイルの概要記事では、HTML5 フォームのさまざまなスタイル設定を詳しく解説します。この記事に記載されている手順を実行する前に、「スタイルの概要」記事を必ずお読みください。
次の 2 つの画像はデフォルトのスタイルとカスタマイズされたスタイルの違いを示しています。
-
http://<server>:<port>/crx/de の URL で CRX DE インターフェイスにアクセスし、プロファイルを作成するか、既存のプロファイルを選択します。プロファイルの作成方法について学ぶには、「新しいプロファイルの作成」を参照してください。
-
プロファイルレンダラーを作成したフォルダーに移動し、CSS スタイルシートファイルを作成します。次の手順に従います。
- フォルダーを右クリックして、メニューから作成／ファイルを作成を選択します。
- 「ファイルを作成」ダイアログで、スタイルシートの名前を入力します。拡張子 .css を必ず使用してください (例： stylesheet.css)。
- ナビゲーションペインから、作成した CSS ファイルを開きます。
- スタイル設定するコンポーネントの CSS クラスを定義し、それらのクラスにスタイルを追加します。
HTML5 フォームにある特定のコンポーネントに対してどの CSS クラスを作成するかについて詳しくは、「スタイルの概要」を参照してください。 -
Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。