ページへのスタイルシートの追加
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SPEAKは、SPEAK UIガイドラインに従ってすべてのコンポーネントにデフォルトのスタイルを追加します。通常、開発者はスタイルを変更する必要はありません。
ただし、アプリケーションの機能や新しいコンポーネントの追加により、スタイルの変更が必要になる場合があります。このような状況では、スタイルシートをSPEAKページに追加できます。
SPEAKのデフォルトのスタイルシートは、HTMLクラスのスタイルのみを定義します。SPEAKは、コンポーネントに指定したコンポーネントIDをレンダリングされたHTMLコンポーネントにdata-sc-id属性として割り当てるため、data-sc-idの属性セレクターを使用してコンポーネントをターゲットにできます。
追加されたスタイルシートはSPEAKのデフォルトスタイルシートの後に読み込まれるため、デフォルトのスタイルシートの設定を上書きすることができます。
SPEAKページにスタイルシートを追加するには:
-
次のいずれかの方法で、コンポーネントのdata-sc-id属性の値を見つけます。
-
ブラウザでページのHTMLソースを確認します。
-
Visual StudioでレンダリングのIDを検索する。
-
-
サイトルートの下にCSSスタイルシートファイルを作成し、属性セレクタを使用して、スタイルを設定する必要があるSPEAKコンポーネントをターゲットにします。例えば：
spandata-sc-id="HeaderTitle"
{
color: red;
}
-
ページのPageSettingsアイテムの子としてアイテムを追加します。 Page-Stylesheet-Fileアイテム テンプレートを使用し、このアイテムの名前をデフォルト (Page-Stylesheet-Fileのままにします。
-
Stylesheetフィールドで、作成したCSSスタイルシート ファイルへのパスを指定します。
