チェックボックス検証 Widget のエラーメッセージのカスタマイズ

チェックボックス検証 Widget のエラーメッセージは、初期設定では、1 ピクセルのボーダーで囲まれた赤いテキストで表示されます。 チェックボックス検証 Widget の CSS を変更すると、自由にスタイル設定した Widget を作成できます。高度なスタイル設定タスクの詳細については、www.adobe.com/go/learn_dw_sprycheckbox_custom_jp を参照してください。

  1. SpryValidationCheckbox.css ファイルを開きます。

    Spry チェックボックス検証 Widget を作成すると、Dreamweaver によってサイトの SpryAssets フォルダに SpryValidationCheckbox.css ファイルが保存されます。 このファイルには、その Widget に適用されるさまざまなスタイルに関するコメント付き情報も格納されています。このため、このファイルを参照すると役に立ちます。

  2. 次の表を使用して適切な CSS ルールを見つけ、初期設定プロパティを変更するか、または独自のテキストスタイルプロパティおよび値を追加します。

    スタイルを設定するテキスト

    関連する CSS ルール

    変更する関連プロパティ

    エラーメッセージのテキスト

    .checkboxRequiredState .checkboxRequiredMsg、.checkboxMinSelectionsState .checkboxMinSelectionsMsg、.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg

    color: #CC3333; border: 1px solid #CC3333;
    チェックボックス検証 Widget に関するルールは、対応する CSS ファイルで直接編集することもできますが、[CSS スタイル] パネルを使用して Widget の CSS を編集することもできます。 [CSS スタイル] パネルでは、Widget のさまざまな部分に割り当てられた CSS クラスを見つけやすくなっています。特に [現在] モードがこの点に優れています。