css设置不可点击
要使元素在CSS中不可点击,可以使用pointer-events
属性。将其设置为none
可以阻止用户交互,如鼠标点击、触摸等。
.unclickable {
pointer-events: none;
}
然后在HTML中,你可以将这个类添加到任何你想要设置为不可点击的元素上:
<div class="unclickable">我不可点击</div>
请注意,pointer-events: none
仅影响鼠标事件(点击、悬停等),对键盘导航或其他形式的交互没有影响。如果你需要确保元素对键盘用户也是不可访问的,你可能还需要添加tabindex="-1"
来移除元素从Tab顺序,或者使用其他的属性或方法来影响可访问性。
评论已关闭