# グレーアウトしている文字列の背景について **URL:** \ **Category:** kintone 開発相談\ **Created:** [2020 年 3 月 5 日午前 6:31 UTC](https://community.cybozu.dev/t/topic/4942 "2020-03-05T06:31:36Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Legacy\_Account1256](https://avatars.discourse-cdn.com/v4/letter/l/ed655f/32.png) [@Legacy\_Account1256](https://community.cybozu.dev/u/Legacy_Account1256)\ **Post date:** [2020 年 3 月 5 日午前 6:31 UTC](https://community.cybozu.dev/t/topic/4942/1 "2020-03-05T06:31:36Z")
こんにちは。 ルックアップより入力したフォームがグレーアウトしている文字列（１行）（複数行）について、見た目が他のフォームと同じ白色へ変更はできますでしょうか。 下記を参考にしたいと思いましたが、初心者なので どう変更すればよいかわかりません。 ご教授いただけますと嬉しいです。   よろしくお願い申し上げます。 [https://developer.cybozu.io/hc/ja/community/posts/202888404-%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AE%E8%83%8C%E6%99%AF%E8%89%B2%E5%A4%89%E6%9B%B4](https://community.cybozu.dev/hc/ja/community/posts/202888404-%E5%85%A5%E5%8A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AE%E8%83%8C%E6%99%AF%E8%89%B2%E5%A4%89%E6%9B%B4) ---
**Author:** ![Legacy\_Account1377](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@Legacy\_Account1377](https://community.cybozu.dev/u/Legacy_Account1377)\ **Post date:** [2020 年 3 月 8 日午後 10:06 UTC](https://community.cybozu.dev/t/topic/4942/2 "2020-03-08T22:06:38Z")
石田 様 特定なフィールドに対する操作でしたら要素のidを使うと思うます。 var el = document.getElementById(‘id’); el.style.backgroundColor = ‘#fff’; のようにすれば背景の色を変えられると思います。 idは開発ツールのelementで確認できます。 ただし、[コーディングガイドライン](https://community.cybozu.dev/hc/ja/articles/201793484-kintone-JavaScript-%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%AC%E3%82%A4%E3%83%89%E3%83%A9%E3%82%A4%E3%83%B3#step2)の注意事項に書いてある通り、 各要素に付与されているid/class属性の値は、予告なく変更されることがあります id/class属性を使ったカスタマイズはオススメ致しません。 ---
**Author:** ![Legacy\_Account1256](https://avatars.discourse-cdn.com/v4/letter/l/ed655f/32.png) [@Legacy\_Account1256](https://community.cybozu.dev/u/Legacy_Account1256)\ **Post date:** [2020 年 3 月 9 日午前 12:42 UTC](https://community.cybozu.dev/t/topic/4942/3 "2020-03-09T00:42:42Z")
akikaさま   お世話になっております。 ご回答ありがとうございます！ 全てのフィールドに対して指定したい場合は、どのようにすればいいでしょうか？   ---
**Author:** ![Legacy\_Account1377](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@Legacy\_Account1377](https://community.cybozu.dev/u/Legacy_Account1377)\ **Post date:** [2020 年 3 月 9 日午前 6:02 UTC](https://community.cybozu.dev/t/topic/4942/4 "2020-03-09T06:02:44Z")
石田 様 ご質問の答えになっていないかもしれませんが、 input[disabled]{     background-color: #fff !important;     color: #000 !important; } ですべて編集不可のフィールドに対して背景色を変えられます。 ただし、lookupコピー先のフィールドだけではなく、編集不可なフィールドすべて対象になります。 また、var el = document.getElementById(‘id’);で要素を取得すると言ってしまいましたが、 IDはレコード毎に変わるようなので、この場合はダメでした。 失礼しました。 ---
**Author:** ![Legacy\_Account1256](https://avatars.discourse-cdn.com/v4/letter/l/ed655f/32.png) [@Legacy\_Account1256](https://community.cybozu.dev/u/Legacy_Account1256)\ **Post date:** [2020 年 3 月 9 日午前 6:41 UTC](https://community.cybozu.dev/t/topic/4942/5 "2020-03-09T06:41:12Z")
akikaさま   お世話になっております。 早速試してみたところ、要望通りフィールドの背景色が白になりました！ ただ、文字列（複数行）の部分は、どこも変化ありませんでした。。 別のコードが必要になるのでしょうか・・ 無知で大変申し訳ないのですが、原因が分かるようでしたらご教授いただきたいです。 ---
**Author:** ![Legacy\_Account1377](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@Legacy\_Account1377](https://community.cybozu.dev/u/Legacy_Account1377)\ **Post date:** [2020 年 3 月 10 日午前 1:53 UTC](https://community.cybozu.dev/t/topic/4942/6 "2020-03-10T01:53:52Z")
石田 様 文字列複数行はtextareaなので、それを追加すればと思います。 input[disabled],textarea[disabled]{ background-color: #fff !important; color: #000 !important; } ---
**Author:** ![Legacy\_Account1256](https://avatars.discourse-cdn.com/v4/letter/l/ed655f/32.png) [@Legacy\_Account1256](https://community.cybozu.dev/u/Legacy_Account1256)\ **Post date:** [2020 年 3 月 10 日午前 2:03 UTC](https://community.cybozu.dev/t/topic/4942/7 "2020-03-10T02:03:58Z")
akikaさま   ありがとうございます！ 完璧です！ 本当に助かりました。 今後のアプリにも活かしていきたいと思います。 ありがとうございました！！！   ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\ **Post date:** [2025 年 11 月 12 日午前 5:54 UTC](https://community.cybozu.dev/t/topic/4942/8 "2025-11-12T05:54:21Z")
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。