Q . コード編集：撮影画面のカスタマイズ方法は？

コード編集機能を使った、体験画面UIのカスタマイズについてサンプルコードと共に案内します。
コード編集では何ができますか？

基本

各要素のIDやclass属性などを利用してセレクタを定義し、スタイルやイベントを適用することで見た目や動作のカスタマイズができます。

各要素の属性値

 

サンプルコード

カスタムCSS

撮影ウインドウのスタイルを変えるサンプルです。

/* 画面キャプチャ */
#capture .modal-content {
background-color: #333;
color: #fff;
border: 1px solid #fff;
}

/* 画面キャプチャのシェアボタン */
#capture-share {
background-color: #f1cd11;
color: #333;
border-color: #fff;
}

/* 画面キャプチャの閉じるボタン */
#capture-close {
background-color: #ccc;
color: #333;
border-color: #fff;
}