javascript - "user-select: none"和 Firefox 中的奇怪行为

我试图阻止 Firefox 中的某些文本突出显示,但不是页面上的所有元素。考虑以下几点:

<div style="-moz-user-select: none;">
I cannot be highlighted
    <div  style="-moz-user-select: text;">
    I should be highlightable, but am not.
    </div>
</div>

据我了解,使用上面的 css 规则,内部 div 的文本应该是高亮的。但是,这似乎不起作用。实际上,无法突出显示任何文本。

我想知道我是否做错了什么?如果没有,有人知道这种情况的解决方法吗?

谢谢!

ps 我应该使用备用添加...

-webkit-user-select: none;

...在上面的示例中,在 webkit 浏览器中工作得很好

最佳答案

替换

<div style="-moz-user-select: none;">

<div style="-moz-user-select: -moz-none;">

description -moz-user-select 属性声明 -moz-none 表示元素和子元素的文本不能被选中,但是可以在子元素使用 -moz-user-select: text;

https://stackoverflow.com/questions/3077950/

相关文章:

c# - Visual Studio/ReSharper 代码格式化 - C#

c# - 如何格式化带有千位分隔符和小数点分隔符的 Windows 窗体文本框以进行数字输入

python - Python中的十进制对齐格式

python - 是否可以使用 weasyprint 对页脚进行精美的格式化?

PHP - 只读电子表格文件类型?

python - Django 进行条件格式化的方法

io - 使用英特尔 Fortran 编译器避免列表导向输出中的换行符

mysql - MySQL中的字符串格式化

python - 如何在 Python 中检查字符串是否具有格式参数?

powershell - 将整数 x.xxxxx 格式化为 xx.xxx