# 関連レコードの色を変更したい

**URL:** <https://community.cybozu.dev/t/topic/757>\
**Category:** kintone 開発相談\
**Created:** [2017 年 6 月 14 日午前 2:12 UTC](https://community.cybozu.dev/t/topic/757 "2017-06-14T02:12:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account491](https://avatars.discourse-cdn.com/v4/letter/l/a4c791/32.png) [@Legacy\_Account491](https://community.cybozu.dev/u/Legacy_Account491)\
**Post date:** [2017 年 6 月 14 日午前 2:12 UTC](https://community.cybozu.dev/t/topic/757/1 "2017-06-14T02:12:33Z")

</div>

&nbsp;

いつもお世話になっております。

関連レコードの色変更について質問させてください。

下図の赤枠に囲われた部分の色を変更することは可能でしょうか。

可能であれば、方法を教えていただきたいです。

&nbsp;

&nbsp;

以上、よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1557](https://avatars.discourse-cdn.com/v4/letter/l/49beb7/32.png) [@Legacy\_Account1557](https://community.cybozu.dev/u/Legacy_Account1557)\
**Post date:** [2017 年 6 月 14 日午前 7:14 UTC](https://community.cybozu.dev/t/topic/757/2 "2017-06-14T07:14:06Z")

</div>

長谷川さん

&nbsp;

こんにちは。

色変更の場合は、ブラウザの開発者ツールからHTMLを確認して対象の要素にスタイルを適用するcssを作成することになります。

最低限htmlとcssの簡単な知識は必要になるので、以下を参考にお試しください。

&nbsp;

Google Chrome 「要素を検証」のHTML/CSSの編集とエミュレーション機能

[http://www.furimuke.com/2014/03/google-chrome-htmlcss.html](http://www.furimuke.com/2014/03/google-chrome-htmlcss.html)

&nbsp;

過去のスタイル関連の質問

[https://developer.cybozu.io/hc/ja/community/posts/115000197763](https://developer.cybozu.io/hc/ja/community/posts/115000197763)

[https://developer.cybozu.io/hc/ja/community/posts/202888404](https://developer.cybozu.io/hc/ja/community/posts/202888404)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account491](https://avatars.discourse-cdn.com/v4/letter/l/a4c791/32.png) [@Legacy\_Account491](https://community.cybozu.dev/u/Legacy_Account491)\
**Post date:** [2017 年 6 月 15 日午前 2:41 UTC](https://community.cybozu.dev/t/topic/757/3 "2017-06-15T02:41:37Z")

</div>

カキ氷さん

いつもお世話になっております。

&nbsp;

丁寧な回答ありがとうござます。

Google Chrome 「要素を検証」など、とても勉強になりました。

下記のコードで実装することができました。

* * *

.subtable-label-gaia {  
background-color: #34dba3;  
}

* * *

以上、よろしくお願いします。

---

<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:** [2023 年 8 月 4 日午前 7:57 UTC](https://community.cybozu.dev/t/topic/757/4 "2023-08-04T07:57:40Z")

</div>

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