css -::selection 和 WebKit 的奇怪行为

标签 css webkit selection textselection

在我的网站上,我声明了带有背景、文本颜色和文本阴影的 ::selection 伪元素。但是,当您突出显示整个站点时,您会看到准确的选择,除了少数仍然会看到系统 selection 的地方。我能够弄清楚为什么这些 Blob 表现得很奇怪。如果你之后有一个内联元素和一个 block 元素,内联元素和 block 元素之间的空间将保留为系统默认选择。我不明白为什么。这是一个错误吗?在我访问过的大多数网站上(声明了选择元素),我看到了这些,这是一个很大的疏忽。有人可以告诉我这是错误还是正常?并可能解释为什么它会这样。

我整理了一个 "jsFiddle" .

最佳答案

考虑到它不是标准功能,这并不是真正的“错误”。 W3C 没有关于它应该如何表现的定义标准,因为它很早就从 CSS3 规范中删除了。

来自Mozilla Development Network :

its behavior was under-specified, especially with nested elements

底线:没有规范说明嵌套元素应该发生什么。所以,从技术上讲,这不是错误的渲染,尽管它没有多大意义。最终,它仍然是一个“实验性”功能。您可以尝试使用 Safari 提交错误报告。

关于css -::selection 和 WebKit 的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11024791/

相关文章:

html - 悬停时图像宽度为 'malfunctioning'(webkit),如何解决?

javascript - jQuery 复选框 : select all/none except one

c++ - 如何正确使用选择排序算法对列表进行排序?

html - 是否可以用文本替换背景图像?

css - 使用另一个 div 修剪 div 不起作用

css - 选择 <option></option> 标签内的内容

css 灯箱上的 Php header 内容

html - 宽度和高度等于 1px 的 Svg 路径位置错误

html - 在 chrome 上滚动时 Webkit 掩码移动

wpf - 将 WPF ListBox SelectedItem 绑定(bind)到列表