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