如何禁用文本选择IN <li>

Question

我在<li>元素中禁用文本选择时遇到问题.

http://jsfiddle.net/U3djn/

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

user-select适用<div>但不适用于<li>内容.

Answer 1

结合user-select: none和cursor: default工作:

的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;
}

测试:

• macOS 10.6:最新的chome和firefox
• Windows 7:最新的chrome和firefox,IE9
• android 4.2:最新的chrome