...
パネル | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
ボタン設定毎に別のCSSを適用させたい |
...
使用例)ボタン設定4(ボタン要素ID:button4)のみメッセージ入力欄とメニューのオペレーター切り替えボタンを非表示にしたい
...
language | css |
---|
ボタン設定のボタン要素IDを設定している場合、
該当のチャットボタンがクリック後、チャットウィンドウの要素(#_ChatWindow)のclass属性に _ChatButtonID_{ボタン要素ID} が付与されます。
付与された._ChatButtonID_
...
{ボタン要素ID} を指定することで、ボタン設定毎に別のCSSを適用させることが可能です。
...
⚠️ ボタン要素IDを設定していない場合、該当のチャットボタンがクリック後、チャットウィンドウの要素(#_ChatWindow)のclass属性に _ChatButtonID_{ボタン要素ID} が付与されません。
ボタン設定毎に別のCSSを適用させたい場合は、必ずボタン要素IDを設定ください。
使用例)ボタン設定4(ボタン要素ID:button4)のみメッセージ入力欄を非表示にしたい
...
コード ブロック | ||
---|---|---|
| ||
._ChatButtonID_button4 #_ChatMenuItem_ModeSwitchChatWindowUserInputRoot { display: none; } |
※サンプルコード内の「button4」の部分には、ボタン要素IDで設定したIDに変更ください。