html5 - CSS rule to disable text selection highlighting on ol li number within contenteditable div -

html5 - CSS rule to disable text selection highlighting on ol li number within contenteditable div -

given:

list item 1 list item 2

i'm trying highlight content within li

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

this works fine if apply -webkit-user-select: none; ol , -webkit-user-select: all; ol li span. long contenteditable = false. if set true css no longer takes effect.

any ideas?

see: http://jsfiddle.net/bqxfz/

html5 css3