有没有CSS属性可以定义选择文本的溢出？

Question

当你在中选择文本时，选择的可见叠加层被包含在<textarea>中，如下所示： <img alt=”Selection contained in element” src=”https://istack.dev59.com/r33nf.webp”/> 当你在“常规”元素上选择文本，例如简单的<div>，你会得到以下结果： <img alt=”Overflowing selection” src=”https://istack.dev59.com/Ofm2m.webp”/> 可见的选择超出了元素。是否存在CSS属性或其他方法可以使选择在HTML元素内可见？

- Lukas

Answer 1

您可以添加

标签

。

overflow:hidden;

转到div。

演示。

- Anirudh Modi

---

值得注意的是，这个“问题”与Webkit有关。我建议将其保留原样 ;) - Roko C. Buljan

@Roko 不，Safari 也有完全相同的问题。此外，这只是看起来很漂亮！ - nicael

@nicael，假设Webkit在高亮方面表现不佳。 - Roko C. Buljan

这里我没有使用overflow，而是使用了display:inline-block;不需要添加overflow，这可能与div的自然行为有关。 - Anirudh Modi

@nicael overflow: hidden 隐藏了内容框外的所有元素和其他东西，如选择。 - bjb568