テキスト選択時のスタイルを指定するCSS作成ツール
テキストを選択（ドラッグ）した際の背景色や文字色をカスタマイズするCSSジェネレーターです。
プレビュー
<div class="custom-selection">
<h3>テキスト選択のデザイン</h3>
<p>このエリアのテキストをマウスでドラッグして選択してください。指定した背景色と文字色が適用されます。</p>
<p>::selection 疑似要素を使うことで、ブラウザ標準の選択色（通常は青）を変更できます。</p>
</div>.custom-selection {
color: #000;
}
.custom-selection ::selection {
background-color: {{bg_color}};
color: {{text_color}};
}機能・使い方
- テキスト選択時（ドラッグ時）の背景色と文字色をカスタマイズできるツールです。
- 色を選択すると、プレビューエリアでリアルタイムに確認できます。
::selection疑似要素は、background-color,color,text-decoration,text-shadowなどのプロパティのみサポートしています。
CSSプロパティの説明
::selection 疑似要素を使用して、ユーザーがテキストを選択（ハイライト）した際のデザインをカスタマイズしています。
この疑似要素で指定できるプロパティは限定的で、主にbackground-color（背景色）とcolor（文字色）のみが主要ブラウザで確実に動作します。
