如何将HTML选择范围限制为文本本身

前端之家收集整理的这篇文章主要介绍了如何将HTML选择范围限制为文本本身前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这个问题一直困扰着我.

当我们在div中创建段落/列表/跨度时,我们希望用户能够仅选择文本,而不是网页上的整个水平块.

但是当我创建一个网页时,我在选择文本时得到的结果如下:

无论如何通过html或CSS来限制用户的选择范围?或者它是我构造导致问题的div的方式?

理想情况:

最佳答案
看起来只有Chrome会在照片上创建整页宽度选择. Firefox,Opera和IE 10就像照片一样处理它. 2.(Check yourself.)

有一个非标准的CSS属性可以给出预期的结果:user-select:element(由Webkit,Firefox和IE 10支持,带有受尊重的前缀);
它将选择限制在所选元素的边界.但是没有使用它:Webkit不支持元素值,其他浏览器已经按照您的需要工作.

更新

看起来像浮动:左侧或位置:相对“修复”Chrome中的文本选择. (See fiddle.)

猜你在找的CSS相关文章