互动互动

交互-Bootstrap 5和Material Design 2.0

实用程序类,用于更改用户与网站内容的交互方式。


文字选择

更改用户与之交互时选择内容的方式。

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

This paragraph has 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 default select behavior.</p>
          <p class="user-select-none">
            This paragraph will not be selectable when clicked by the user.
          </p>
        

指针事件

Bootstrap提供了 pe-none pe-auto 类来防止或添加 元素相互作用。

This link can not be clicked.

This link can be clicked (this is default behaviour).

This link can not be clicked because the pointer-events property is inherited from its parent. However, this link has a pe-auto class and can be clicked.


          <p><a href="#" class="pe-none">This link</a> can not be clicked.</p>
          <p>
            <a href="#" class="pe-auto">This link</a> can be clicked (this is default behaviour).
          </p>
          <p class="pe-none">
            <a href="#">This link</a> can not be clicked because the
            <code>pointer-events