Tương tác

Các lớp tiện ích thay đổi cách người dùng tương tác với nội dung của trang web.

Lựa chọn văn bản

Thay đổi cách chọn nội dung khi người dùng tương tác với nội dung đó. Lưu ý rằng Internet Explorer và Legacy Edge không hỗ trợ allgiá trị cho user-selectvà do đó, .user-select-allkhông được hỗ trợ bởi cả hai trình duyệt.

Đoạn này sẽ được chọn hoàn toàn khi người dùng nhấp vào.

Đoạn này có hành vi chọn mặc định.

Đoạn này sẽ không thể chọn được khi người dùng nhấp vào.

<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>

Tùy chỉnh các lớp có sẵn bằng cách thay đổi $user-selectsdanh sách Sass trong _variables.scss.