如何禁用 iframe 突出显示
当我双击白色背景时，iframe 会突出显示，如何通过 css 禁用它？
https://jsfiddle.net/516y29ka/
要重现，双击白色背景，您将看到 iframe 突出显示。
如何通过CSS禁用它？
<iframe width="642" height="361" src="https://www.youtube.com/embed/M7lc1UVf-VE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
user-select: none;在 iframe 上使用。
<!DOCTYPE html>
<head>
<style>
.video-frame {
user-select: none;
}
</style>
<body>
<iframe class="video-frame" width="642" height="361" src="https://www.youtube.com/embed/M7lc1UVf-VE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</body>
</html>几乎所有浏览器都支持它： https: //caniuse.com/?search=user
-select 有关更多信息，请参阅规格：https://www.w3.org/TR/2021/WD-css-ui-4-20210316 /#propdef-用户选择
- 好问题！使用您提到的方法，您仍然允许用户选择元素，只是您隐藏了选择提示。用户仍然可以在元素上执行“ctrl+c”。如果你查看剪贴板，将会出现一个对象。在 Windows 上，“window+v”将显示剪贴板的内容。另一方面，“user-select: none;”完全禁用选择过程，用户无法进行复制。如果您在文本元素上尝试这些方法，您很快就会注意到差异。 (6认同)
- 为什么不用这个呢？iframe::selection { 背景：无；} (2认同)