# フィールド名を赤に、背景色もつけたい **URL:** \ **Category:** kintone 開発相談\ **Created:** [2022 年 6 月 13 日午前 9:25 UTC](https://community.cybozu.dev/t/topic/6061 "2022-06-13T09:25:02Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Legacy\_Account2600](https://avatars.discourse-cdn.com/v4/letter/l/9d8465/32.png) [@Legacy\_Account2600](https://community.cybozu.dev/u/Legacy_Account2600)\ **Post date:** [2022 年 6 月 13 日午前 9:25 UTC](https://community.cybozu.dev/t/topic/6061/1 "2022-06-13T09:25:02Z")
フィールド名に背景色をつけることは可能ですか？ できれば、背景色と太字にしたいです。 現在のコードは、下記の通りです。(function() {   “use strict”;   kintone.events.on([‘app.record.detail.show’, ‘app.record.create.show’, ‘app.record.edit.show’], function(event) {     [].forEach.call(document.getElementsByClassName(“control-label-text-gaia”), function(element){       if(element.innerText === “【契約日】”){         element.style.color = “mediumvioletred”;       }     });     return event;   }); })(); 宜しくお願い致します。 ---
**Author:** ![Legacy\_Account2613](https://avatars.discourse-cdn.com/v4/letter/l/41988e/32.png) [@Legacy\_Account2613](https://community.cybozu.dev/u/Legacy_Account2613)\ **Post date:** [2022 年 6 月 13 日午前 11:04 UTC](https://community.cybozu.dev/t/topic/6061/2 "2022-06-13T11:04:11Z")
以下のcssで指定できます。 文字色 -\> color 背景色 -\> background-color 太字 -\> font-weigth   やり方いろいろありますが、バニラJSでやりますと、 ``` [...document.querySelectorAll('.control-label-text-gaia')] .find(el => el.innerText === '【契約日】') .style = `color: mediumvioletred; font-weight: bold; background-color: yellow;`; ``` jQueryなら、 ``` $('.control-label-text-gaia:contains(【契約日】)') .css({ 'color': 'mediumvioletred', 'background-color': 'yellow' , 'font-weight': 'bold' }); ```   ---
**Author:** ![Legacy\_Account2600](https://avatars.discourse-cdn.com/v4/letter/l/9d8465/32.png) [@Legacy\_Account2600](https://community.cybozu.dev/u/Legacy_Account2600)\ **Post date:** [2022 年 6 月 14 日午前 12:04 UTC](https://community.cybozu.dev/t/topic/6061/3 "2022-06-14T00:04:38Z")
Lorenz Ras 様 ご連絡ありがとうございます。 jQueryで作成しようと思いましたが ‘font-weight’: ‘bold’ の部分で✖がでます。 なにか間違えていますでしょうか。 すみません。宜しくお願い致します。 ---
**Author:** ![Legacy\_Account2796](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Legacy\_Account2796](https://community.cybozu.dev/u/Legacy_Account2796)\ **Post date:** [2022 年 6 月 14 日午前 4:27 UTC](https://community.cybozu.dev/t/topic/6061/4 "2022-06-14T04:27:14Z")
横からすみません。  ‘background-color’: ‘yellow’ の後にカンマが抜けていたりしませんか？ ``` 'background-color': 'yellow', ```   少し逸れますが、このようなときにデバッグするとどんなエラーか分かり易いと思います！ 以下のページが参考になると思うのでよかったら試してみてください！ [https://developer.cybozu.io/hc/ja/articles/207613916](https://developer.cybozu.io/hc/ja/articles/207613916) ---
**Author:** ![Legacy\_Account2600](https://avatars.discourse-cdn.com/v4/letter/l/9d8465/32.png) [@Legacy\_Account2600](https://community.cybozu.dev/u/Legacy_Account2600)\ **Post date:** [2022 年 6 月 14 日午前 4:47 UTC](https://community.cybozu.dev/t/topic/6061/5 "2022-06-14T04:47:06Z")
[ponyo様](https://community.cybozu.dev/hc/ja/profiles/902501069863-ponyo)   ありがとうございます。 解決しました。 ---
**Author:** ![Legacy\_Account2613](https://avatars.discourse-cdn.com/v4/letter/l/41988e/32.png) [@Legacy\_Account2613](https://community.cybozu.dev/u/Legacy_Account2613)\ **Post date:** [2022 年 6 月 14 日午前 9:11 UTC](https://community.cybozu.dev/t/topic/6061/6 "2022-06-14T09:11:07Z")
[樫原](https://community.cybozu.dev/hc/ja/profiles/901558306223-%E6%A8%AB%E5%8E%9F) 様 失礼しました。解決してよかったです。 ponyo 様 ありがとうございます。 ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\ **Post date:** [2024 年 9 月 12 日午前 2:39 UTC](https://community.cybozu.dev/t/topic/6061/7 "2024-09-12T02:39:59Z")
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。