Bootstrap5 交互(Interactions)

半兽人 发表于: 2020-07-27   最后更新时间: 2020-07-29  

交互

用于改变用户与网站内容的交互方式的实用类。

文本选择

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

<p class="user-select-all">当用户点击时,这一段将完全被选中。</p>
<p class="user-select-auto">本段有默认选择行为。</p>
<p class="user-select-none">当用户点击时,该段将无法选择。</p>

在线运行

指针事件

Bootstrap提供了 pe-nonepe-auto类来防止或添加元素交互。

<p><a href="#" class="pe-none">此连接</a> 不能点击</p>
<p><a href="#" class="pe-auto">此链接</a> 能被点击 (默认).</p>
<p class="pe-none"><a href="#">此链接</a> 不能点击,是由于<code>pointer-events</code>属性是从其父级继承的,但是, <a href="#" class="pe-auto">此链接</a> 设置了 <code>pe-auto</code> 所以可以被点击</p>

在线运行



您需要解锁本帖隐藏内容请: 点击这里
本帖隐藏的内容




上一条: Bootstrap5 浮动(Float)
下一条: Bootstrap5 溢出(Overflow)