---
title: "ホストフィールドのカスタマイズ"
description: "CSSを利用してホストフィールドをカスタマイズしましょう"
url: "https://docs.komoju.com/ja/docs/integration-guides/hosted-fields-custom-styling"
source_url: "https://docs.komoju.com/ja/docs/integration-guides/hosted-fields-custom-styling.md"
language: ja
last_modified: "2026-03-31"
---

ホストフィールドをより御社のサイトに馴染ませたい場合はCSSを使ってフィールドの見た目を変えることができます。

ホストフィールドをカスタマイズするには、`<komoju-fields>`の`theme`属性にCSSファイルのURLを入れます。

このページの下にエディターがありますので、自由にお試しください。

<iframe src="https://komoju-fields-demo.herokuapp.com/theme-editor" height="1450px" width="100%"></iframe>

# 注意事項

CSSをフルサポートしているため、上記の色変数だけでなく、レイアウトも変更することができます。ただし、正式にサポートされるのは色のみです。できるだけ極端にDOM構造を変えないように努力しますが、カスタムレイアウトコードは自己責任でご利用ください。