4D-jp 4D Japan Technical Support Team

CSSは動的ではない

2023-09-12

プロジェクトモードでは,フォームのプロパティ全般を.cssファイルで定義することができます。Webページのそれとは違い,フォームオブジェクトのプロパティ全般にスタイルシートが使用される点に留意してください。

スタイルシートは,フォームを開いたタイミングで一度だけ評価されます。つまり動的なものではありません。たとえば,下記のような.cssを記述し,macOSのダークモードとライトモード向けに暗いブルーと明るいブルーを設定した場合,モードの切り替えに応じてウィンドウの背景色やフォントカラー(この例ではautomatic)は動的に変化しますが,オブジェクトの背景色が動的に変化することはありません。これは仕様です。

@media (prefers-color-scheme: light){
	.blue {
		fill: #98bfe0;
		stroke: automatic;
}

}
@media (prefers-color-scheme: dark){
	.blue {
		fill: #344a6d;
		stroke: automatic;
}
}

関連記事

リンク