How to disable text selection IN <li>

Question

I'm having trouble disabling text selection in the <li> element.

http://jsfiddle.net/U3djn/

 <ul> <li>Text</li> </ul> 

user-select works in <div> , but does not work in <li> content.

Answer 1

the combination of user-select: none and cursor: default works:

jsFiddle

 ul li { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } 

tested for:

• macOS 10.6: latest chome and firefox
• windows 7: latest chrome and firefox, IE9
• android 4.2: last chrome