# CSSでの背景色、テキストの変更について

**URL:** https://community.cybozu.dev/t/topic/7390
**Category:** kintone 開発相談
**Created:** [2021 年 2 月 18 日午前 9:28 UTC](https://community.cybozu.dev/t/topic/7390 "2021-02-18T09:28:07Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Legacy\_Account2447](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@Legacy\_Account2447](https://community.cybozu.dev/u/Legacy_Account2447)
#### Post date: [2021 年 2 月 18 日午前 9:28 UTC](https://community.cybozu.dev/t/topic/7390/1 "2021-02-18T09:28:07Z")

</div>

追加・編集の画面で、ルックアップで値を設定しているフィールド等  
disabledに設定されているフィールドの背景色やテキストの色を変更  
したいと思い、CSSをいじっているのですが上手くいきません。

ドロップダウンのラベルの色やフォントサイズは、下記クラスを変更  
することで対応できました。  
.gaia-argoui-select-label {  
font-size: 12px;  
color: #000000;  
}

ちなみに、以下のクラスをいじってみたのですがダメでした。  
どのようにすれば変更できるか教えていただけないでしょうか。

.disabled-cybozu.input-text-outer-cybozu {  
.input-text-cybozu {  
.control-value-gaia {  
.input-text-outer-cybozu {  
.gaia-components-forms-textarea {  
.input-text-outer-cybozu {

またリファレンス等ございましたら、どこにあるかおしえていただけ  
ないでしょうか。  
よろしくお願いします。

---

<div class="post-metadata">

### Author: ![Legacy\_Account2327](https://avatars.discourse-cdn.com/v4/letter/l/9de0a6/32.png) [@Legacy\_Account2327](https://community.cybozu.dev/u/Legacy_Account2327)
#### Post date: [2021 年 3 月 17 日午前 6:37 UTC](https://community.cybozu.dev/t/topic/7390/2 "2021-03-17T06:37:53Z")

</div>

こんにちは

disabled疑似クラスを使って表現することが可能なようです。

参考：[disabled疑似クラスなどを使って、input要素を種別ごとに色分け](https://www.conifer.jp/csstest/css-disabled.html)

```
.input-text-outer-cybozu.disabled-cybozu input[type="text"]:disabled{
background-color: #000000;
color: #FFFFFF;
}

```

---

<div class="post-metadata">

### Author: ![Legacy\_Account2447](https://avatars.discourse-cdn.com/v4/letter/l/67e7ee/32.png) [@Legacy\_Account2447](https://community.cybozu.dev/u/Legacy_Account2447)
#### Post date: [2021 年 3 月 20 日午前 11:53 UTC](https://community.cybozu.dev/t/topic/7390/3 "2021-03-20T11:53:33Z")

</div>

junkさま

どうもありがとうございます。

disabledに設定されているフィールドだけではないのですが、下記設定を行ってテキスト色を黒にしていました。

.input-text-cybozu , .input-text-outer-cybozu {  
-webkit-text-fill-color: #000000 !important;  
}

教えてくださったdisabled疑似クラスを使って設定してみます。

ありがとうございます。

---

<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/7390/4 "2025-05-01T04:26:29Z")

</div>

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