# 詳細画面にてフィールドの外観をCSSで変更したい

**URL:** <https://community.cybozu.dev/t/topic/5344>\
**Category:** kintone 開発相談\
**Created:** [2021 年 10 月 7 日午前 6:11 UTC](https://community.cybozu.dev/t/topic/5344 "2021-10-07T06:11:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2616](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@Legacy\_Account2616](https://community.cybozu.dev/u/Legacy_Account2616)\
**Post date:** [2021 年 10 月 7 日午前 6:11 UTC](https://community.cybozu.dev/t/topic/5344/1 "2021-10-07T06:11:38Z")

</div>

お世話になります。

詳細画面のフィールド(文字列など)外観を自分好みにCSSで変更したいのですが

添付のCSSコードでは余白？が出来てしまいます。※わかりやすく赤くしています。

この余白をなくす方法がわからず困っています。

初歩的で申し訳ありませんが、アドバイス宜しくお願い致します。&nbsp;

```
@charset "UTF-8";

.control-gaia{
/*background-color: #ff0000;*/

border-color: #ffffff;
border-width: 1px;
border-style: solid;
}

.control-label-gaia{
background-color: #1e90ff;

border-color: #ffffff;
border-width: 1px;
border-style: solid;
}

.control-label-text-gaia{
color: #ffffff;
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account980](https://avatars.discourse-cdn.com/v4/letter/l/a183cd/32.png) [@Legacy\_Account980](https://community.cybozu.dev/u/Legacy_Account980)\
**Post date:** [2021 年 10 月 12 日午前 12:49 UTC](https://community.cybozu.dev/t/topic/5344/2 "2021-10-12T00:49:21Z")

</div>

こんにちは！

chromeを使われていましたら、開発者ツールでまずはブラウザ上でstyleをいじって試すことができます。  
[https://hikopro.com/cherome-denelopment/](https://hikopro.com/cherome-denelopment/)

多分、赤い部分のpaddingとかmarginを0にすればいいと思うので、  
どのclassのpadding、marginかを探し出して開発者ツール上で試した後、  
cssファイルで0にすればOKだと思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2616](https://avatars.discourse-cdn.com/v4/letter/l/73ab20/32.png) [@Legacy\_Account2616](https://community.cybozu.dev/u/Legacy_Account2616)\
**Post date:** [2021 年 10 月 13 日午前 12:40 UTC](https://community.cybozu.dev/t/topic/5344/3 "2021-10-13T00:40:09Z")

</div>

juridon様

まだ開発者ツールを使いこなせてないのですが  
順番にpaddingとmarginを0にして希望の表示を見つけました。

開発者ツールの使い方をもっと学ぶ必要がありそうですね。

アドバイスありがとうございました。

---

<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 月 1 日午前 4:26 UTC](https://community.cybozu.dev/t/topic/5344/4 "2025-05-01T04:26:29Z")

</div>

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