メタデータの末尾にスキップ
メタデータの先頭に移動

このページの古いバージョンを表示しています。現在のバージョンを表示します。

現在のバージョンとの相違点 ページ履歴を表示

バージョン 1 次のバージョン »

WHATYA V2

吹き出し部分の背景色を変更するCSSについての記事です。

上記赤枠の吹き出し部分の背景を変更したい場合は、下記のclassを指定いただきます。

._ChatWindowContent_CS_TEXT{
  background-color: green !important;
}

上記のclassの指定だけだと、吹き出しの三角部分(赤枠内)は背景色は変わりませんが
下記を追加で指定いただければ吹き出しの三角部分のデザイン変更は可能です。

._ChatWindowContent_CS_CONTENT
._ChatWindowContent_CS_TEXT+div {
    border-left: 0.5rem solid green !important;
}

上記のように変更されることは確認済みですが、お客さまの環境での動作保証はできないことだけご了承ください。

サンプルコード

/* 吹き出し部分(ユーザー側) */
._ChatWindowContent_CS_TEXT {
  background-color: green !important;
}

/* 吹き出しの三角部分(ユーザー側) */
._ChatWindowContent_CS_CONTENT ._ChatWindowContent_CS_TEXT+div {
  border-left: 0.5rem solid green !important;
}
  • ラベルがありません