# kintone一覧画面の枠線の色の変更について

**URL:** <https://community.cybozu.dev/t/topic/3599>\
**Category:** kintone 開発相談\
**Created:** [2018 年 12 月 5 日午前 11:59 UTC](https://community.cybozu.dev/t/topic/3599 "2018-12-05T11:59:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account641](https://avatars.discourse-cdn.com/v4/letter/l/5daacb/32.png) [@Legacy\_Account641](https://community.cybozu.dev/u/Legacy_Account641)\
**Post date:** [2018 年 12 月 5 日午前 11:59 UTC](https://community.cybozu.dev/t/topic/3599/1 "2018-12-05T11:59:59Z")

</div>

kintone一覧画面のレコード枠線の色の変更を変更したいと考えているのですが、変更することは可能でしょうか?

可能ならば方法を教えて頂けると幸いです。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2018 年 12 月 6 日午前 2:06 UTC](https://community.cybozu.dev/t/topic/3599/2 "2018-12-06T02:06:32Z")

</div>

Yasuhiro K様

お世話になっております．  
cstapの江田です．

CSSカスタマイズにて以下のコードを登録して変更できます．

```
.app-index-contents-gaia>.box-gaia .recordlist-header-cell-gaia,
.recordlist-cell-gaia, .recordlist-editcell-gaia.recordlist-edit-calc-gaia{
border: 1px solid #FF0000;
}

```

borderプロパティの指定方法は以下の通りです．  
[http://www.htmq.com/style/border.shtml](http://www.htmq.com/style/border.shtml)

カラーコードは以下の記事などが参考になります．  
[http://www.netyasun.com/home/color.html](http://www.netyasun.com/home/color.html)

kintoneのCSSカスタマイズの方法は以下の記事などが参考になるかと思います．  
[https://qiita.com/will-yama/items/1dccd51a01f679e22448](https://qiita.com/will-yama/items/1dccd51a01f679e22448)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account641](https://avatars.discourse-cdn.com/v4/letter/l/5daacb/32.png) [@Legacy\_Account641](https://community.cybozu.dev/u/Legacy_Account641)\
**Post date:** [2018 年 12 月 6 日午前 2:10 UTC](https://community.cybozu.dev/t/topic/3599/3 "2018-12-06T02:10:20Z")

</div>

江田様

&nbsp;

ご教授、誠にありがとうございます。

非常に参考になります。

早速、試させて頂きます。

---

<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 年 5 月 15 日午前 6:37 UTC](https://community.cybozu.dev/t/topic/3599/4 "2025-05-15T06:37:34Z")

</div>

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