フォーカス・インディケーターの変更

バタイユゲーム情報班のホームページでは、フォーカス・インディケーターの表示が
マウスとキーボードでは違っている。見にくいので、変更することにした。
後の為に、以下にメモしておく。
1.問題点
(1)マウスとキーボードでは違う
  マウスの場合

  キーボードのTabで操作した場合(ブラウザはFirefox73.0.1)

(2)ブラウザで違う
  Firefox73.0.1の場合は上図参照。
  Google Chrome80.0.3987.116の場合

2.対策
  SASS(CSSを効率的に作れるツール)にマウスとキーボードの指定を追加し、共通の値とする。(下図)

3.効果
  マウスの場合

  キーボードのTabで操作した場合(ブラウザはFirefox73.0.1)

  キーボードのTabで操作した場合(ブラウザはGoogle Chrome80.0.3987.116)

<個人的な感想>
マウスとキーボード、ブラウザ間で統一表示になった事が良い。

 

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら