4

让我们考虑以下场景。我有以下页面，其中所有呈现的元素都必须是不可选择的。

<html>
<head>
    <style type="text/css">
        body {
            -webkit-user-select: none;
            -moz-user-select: none;
        }
        div {
            border: solid 1px green;
            padding: 5px;
        }
    </style>
</head>
<body>
    <div>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
        nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
        vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
    </div>
    <div>
        <input type="text" value="You can select the text from me" />
        <textarea>
            And me too.
        </textarea>
    </div>
</body>
</html>

和文本在 Google Chrome 中仍然可以选择input，textarea但在 Firefox 中无法选择文本。我已经尝试过以下方法：

input, textarea {
    -moz-user-select: text !important;
}

而且......它根本不起作用，因为（据我所知）input并且textarea嵌套在已经不可选择的文档正文元素中。那么，是否可以使用 CSS 在 Firefox 中启用嵌套用户输入元素的文本选择？

谢谢你的建议。

4

1 回答 1

11

做：

    body {
        -webkit-user-select: none;
        -moz-user-select: -moz-none; /* changed from none to -moz-none */
    }
    input, textarea {
        -moz-user-select: text;
    }

工作？

请参阅此页面。

于 2010-05-11T09:41:17.503 回答