# カレンダープラスの当日色変更

**URL:** <https://community.cybozu.dev/t/topic/7476>\
**Category:** kintone 開発相談\
**Created:** [2021 年 4 月 16 日午前 12:00 UTC](https://community.cybozu.dev/t/topic/7476 "2021-04-16T00:00:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2667](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2667](https://community.cybozu.dev/u/Legacy_Account2667)\
**Post date:** [2021 年 4 月 16 日午前 12:00 UTC](https://community.cybozu.dev/t/topic/7476/1 "2021-04-16T00:00:10Z")

</div>

カレンダープラスを使用し「カレンダー表示」画面の

当日の背景色が薄くて見づらく、

変更しようと思いました。

以前の質問であったこのCSSでは変更出来ませんでした。

原因が分かりません。

どなたか分かる方、教えていただけますでしょうか？

.以前のコード

calendar-today-gaia {  
background-color: #ffefff;  
}

---

<div class="post-metadata">

**Author:** ![Legacy\_Account](https://avatars.discourse-cdn.com/v4/letter/l/ba8739/32.png) [@Legacy\_Account](https://community.cybozu.dev/u/Legacy_Account)\
**Post date:** [2021 年 4 月 20 日午前 1:38 UTC](https://community.cybozu.dev/t/topic/7476/2 "2021-04-20T01:38:03Z")

</div>

okabe masaki さん

[https://developer.cybozu.io/hc/ja/community/posts/115017510003](https://developer.cybozu.io/hc/ja/community/posts/115017510003) にある投稿ですね。

カレンダープラスは使っていませんが、私の手元で上記のコードをコピーして、「PC用のCSSファイル」のところにアップロードすると適用されました。

画面上で当日セルを右クリックして「検証」で、実際にあたっているか確認できます。

-\> 下図のようにElementタブ -\> Stylesタブで「.calendar-today-gaia」の箇所を確認します。

DOM要素の操作についてはGoogle Chrome 開発者ツールのTips集 -DOM要素編-（特に前半部分）も参考になると思います。  
（DOM 構造は製品側アップデートで予告なく変更されることがあるため、将来のバージョンでカスタマイズが動作しなくなる可能性があることに気をつけてください！）

[https://developer.cybozu.io/hc/ja/articles/900000911023](https://developer.cybozu.io/hc/ja/articles/900000911023)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2667](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@Legacy\_Account2667](https://community.cybozu.dev/u/Legacy_Account2667)\
**Post date:** [2021 年 4 月 20 日午前 8:23 UTC](https://community.cybozu.dev/t/topic/7476/3 "2021-04-20T08:23:49Z")

</div>

ダン吉さん

無事に適用出来ました！

丁寧に画面付きで教えて頂き有難う御座います！