html - 在 Bootstrap 导航栏中停止用户选择

标签 html css twitter-bootstrap user-experience

我想阻止用户在 Boostrap navbar 上进行选择,例如:

http://getbootstrap.com/examples/navbar-fixed-top/

如何停止用户选择?

我试过 user-select: none; 但如果你按 CTRL-A 会失败。

注意:我不想阻止用户复制页面上的文本,但我想通过避免选择导航栏元素来提供更好的用户体验。

最佳答案

在 bootstrap 4.5 及以上版本中,你可以只使用 class="user-select-none"

关于html - 在 Bootstrap 导航栏中停止用户选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25981239/

相关文章:

jquery - 调整 jQuery Carousel 大小时隐藏下一张幻灯片

javascript - 如何在 CSS 中的两种字体之间使用字距调整?

html - Bootstrap 6列响应式

twitter-bootstrap - 使用 Twitter Bootstrap,如何自定义一页的 h1 文本颜色,而将其他页面保留为默认颜色?

html - 强制 Bootstrap 的可变高度页脚到页面或内容的底部,以较低者为准

html - visual studio HTML Designer 在哪里?

Flutter 中的 Html 所见即所得编辑器?

javascript - 我想要一个框架中的重定向代码以在整个窗口中打开链接

html - JPEG 颜色在浏览器中呈现不一致

twitter-bootstrap - 在 CakePHP 3 中从供应商处加载 javascript 文件