CSS规则禁用文本选择突出显示在contenteditable div中的ol li数字

Question

假设：

1. 列出项目1
2. 列出项目2

我试图仅突出显示li

中的内容

<div contenteditable="false">
<ol>
  <li><span>List item 1</span></li>
  <li><span>List item 2</span></li>
</ol>
</div>

如果我将-webkit-user-select: none;应用于ol和-webkit-user-select: all;至ol li span，则此方法正常。只要contenteditable = false。如果我将其设置为true，那么css将不再生效。

有什么想法吗？

请参阅：http://jsfiddle.net/bQXFZ/