如何在 Safari 中使 ::selection 正确？答案

【问题标题】：How can I make ::selection correct in Safari?如何在 Safari 中使 ::selection 正确？
【发布时间】：2015-04-23 03:50:12
【问题描述】：

CSS ::selection 工作不正确是 Safari。

如果带有文本的块有一些子块，则父块中的选择不起作用。

例如：

::selection {
  background: #000;
  color: #fff;
}

<div class="parent">
  Text...
  <div class="child">Text...</div>
</div>

在没有我的样式的情况下选择父块中的此代码文本（仅默认 OS X 选择）。 Result (screenshot).

我该如何解决这个问题？将所有内容包装在 div 中并不是最好的解决方案...... 我现在特别规定，但仅适用于 FF ::-moz-selection。在其他浏览器中，这样的代码效果最好。

【问题讨论】：

【解决方案1】：

在您的情况下，这种变通方法会是一种解决方案吗？ http://codepen.io/panchroma/pen/GgdRvx

如您所见，我已删除子 div 并将其替换为试图模仿 div 的 span :)

HTML

<div class="parent">
   Parent text...
   <span class="child">Child text...</span>
</div>

CSS

::selection {
  background: #000; 
  color: #fff;}

span.child{
  width:100%;
  display:inline-block;}

Safari 8.0.3 给我带来了很好的效果

祝你好运！

【讨论】：