Bootstrap5 交互(Interactions)

半兽人 发表于: 2020-07-27   最后更新时间: 2020-07-29 00:24:43  
{{totalSubscript}} 订阅, 2,727 游览

交互

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

文本选择

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

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

在线运行

更新于 2020-07-29

查看bootstrap5更多相关的文章或提一个关于bootstrap5的问题,也可以与我们一起分享文章