# 特定のフィールドのみ背景色を変更したい

**URL:** <https://community.cybozu.dev/t/topic/4380>\
**Category:** kintone 開発相談\
**Created:** [2019 年 9 月 11 日午前 8:38 UTC](https://community.cybozu.dev/t/topic/4380 "2019-09-11T08:38:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1245](https://avatars.discourse-cdn.com/v4/letter/l/e47c2d/32.png) [@Legacy\_Account1245](https://community.cybozu.dev/u/Legacy_Account1245)\
**Post date:** [2019 年 9 月 11 日午前 8:38 UTC](https://community.cybozu.dev/t/topic/4380/1 "2019-09-11T08:38:34Z")

</div>

お世話になっております。

&nbsp;

現在、以下のCSSファイルを読み込ませて、フォームの背景色等を設定しているのですが、

その中で1つのフィールドのみ（フィールドコード：date）、

別のフィールドと視覚的に見分けがつくように、赤色に変えたいと考えております。

もし方法をご存じの方がいらっしゃれば、ご教授頂けますでしょうか。

&nbsp;

■現状のCSSファイル

* * *

#record-gaia {

&nbsp;background-color: #b04de

}

record-gaia .control-label-gaia {

&nbsp;color: #00000;

border-left: solid 2px #effadc;

&nbsp;background-color: #87CEEB;

}

* * *

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1896](https://avatars.discourse-cdn.com/v4/letter/l/f14d63/32.png) [@Legacy\_Account1896](https://community.cybozu.dev/u/Legacy_Account1896)\
**Post date:** [2019 年 9 月 12 日午前 12:58 UTC](https://community.cybozu.dev/t/topic/4380/2 "2019-09-12T00:58:09Z")

</div>

まさき さん

css だと特定のフィールドを選択することはできないので、JavaScript カスタマイズが必要になります。

[レコード一覧とレコード詳細画面で条件書式を設定する](https://community.cybozu.dev/hc/ja/articles/202341944)&nbsp;の記事を参考に、  
フィールドに色を付けることが可能です。

使用しているのは↓の kintone JavaScript API です。

[https://developer.cybozu.io/hc/ja/articles/201942004#step3](https://developer.cybozu.io/hc/ja/articles/201942004#step3)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 4 月 25 日午前 6:03 UTC](https://community.cybozu.dev/t/topic/4380/3 "2025-04-25T06:03:29Z")

</div>

クローズされました: 2025 年 4 月 25 日午前 6:03 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。