カスタマイズ

ボタンの色を変更する

概要

ボタンの背景色・文字色を変更します。

使い方

以下の「やること」で作成したボタンの色を変更できます。

変更できるのは通常状態時のボタン背景色と文字色です。ボタンをクリックした時の色は変更できません。

変更した色を元に戻す機能はありません。色を戻すには、元の色と同じ色を指定して「ボタンの色を変更する」を行ってください。なお元の色は、HTML,CSSで使われる16進数(HEX)カラーコードで表現すると以下のようになります。

  • 背景色… #C8D6DD
  • 文字色… #3498DB

設定するパラメーター

「ボタン」「背景色」「文字色」を設定します。

ボタン

色を変更したいボタンを、そのボタンを作成したアクションから選びます。

複数選択可能です。複数選択した場合、それらのボタン全てが、指定した同じ色になります。

背景色

ボタンの背景色を選択します。

文字色

ボタンの文字色を選択します。

注意事項

各ボタン作成「やること」のドキュメントで、上級者向け情報としてCSSでボタンのスタイルをカスタマイズする方法が紹介されています。

このCSSを使ってボタンの色を変更する方法と、「やること」の「ボタンの色を変更する」を用いる方法を同時に使用した場合、どちらの指定色が優先されるかは定まっていません。意図しない色がセットされてしまう原因にもなりますので、どちらか1つの方法に統一するようにしてください。

制限事項

  • ボタンをクリックした状態や、マウスをボタンの上に合わせた状態のときの色は変更できません。