【问题标题】:Standards-compilant way to disable selection via CSS通过 CSS 禁用选择的符合标准的方法
【发布时间】:2012-10-15 01:59:57
【问题描述】:

This question 是关于如何通过用户交互禁用对 DOM 元素的选择。 (这对于游戏等富 HTML 应用非常重要。)

最常见的解决方案是 user-select: none CSS 规则(以及它的特定于浏览器的变体),它现在确实可以解决问题。

但是,comment 提到此功能只是草稿,当前的 CSS 规范中不存在。

这里有什么故事?此功能是否已重命名,或者可能是故意过时的?我可以指望此功能保持功能还是应该开始以不同的方式实现它或完全避免它?

【问题讨论】:

  • 我认为它被拒绝是因为你不应该使用 CSS 来修改行为。让我搜索一下邮件列表,看看我能找到什么……
  • 改用javascript onselectstart="return false;"
  • 它似乎已经被时间遗忘了(连同古老的 css3-userint 草稿)。目前,主要问题在于浏览器实现中的严重不一致,部分原因是它不再指定(见图...)。
  • 另外,即使它在“当前规范”中,我也会犹豫是否将其称为标准,除非该规范至少是候选推荐。

标签: html css selection


【解决方案1】:

这将隐藏所有选择

::selection {
    background: transparent;

}

【讨论】:

  • 它不会“禁用”选择本身,但它确实会产生这种错觉。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-20
  • 2011-01-15
  • 1970-01-01
  • 2013-06-22
  • 2017-12-27
  • 2019-06-10
相关资源
最近更新 更多