Interactions

Webサイトのコンテンツをユーザーが操作する際のクラス

Text selection

ユーザーがコンテンツをコンテンツを選択する時の方法を変更します。下記の3つの例をクリックして試してみてください。

This paragraph will be entirely selected when clicked by the user.

This paragraph has the default select behavior.

This paragraph will not be selectable when clicked by the user.

<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has the default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>

_variables.scss の $user-selects を変更することでカスタマイズができます。

v4.5