如何禁用文本选择IN <li> </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