html - 具有 :first-letter can't be selected 的元素

标签 html css google-chrome

<分区>

Chrome(版本 55.0.2883.87 m)(win 8.1)中,带有 :first-letter 的元素中的文本不能用鼠标选择(完整)。

这是否有没有 javascript 的解决方法?

div:first-letter{
  text-transform: capitalize;
}
<div>
unselectable
</div>

最佳答案

自 2009 年以来,这一直是 Chrome 中的一个已知错误。

https://bugs.chromium.org/p/chromium/issues/detail?id=17528

可以通过在文本前使用 HTML 注释来应用“hacky fix”,您仍然无法选择 U(但可以选择 n)。但是复制粘贴选择实际上会为您提供 div 中的所有内容。

div:first-letter{
  text-transform: capitalize;
}
<div>
<!-- -->unselectable
</div>

关于html - 具有 :first-letter can't be selected 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41376936/

相关文章:

android - 带有页脚和地址栏的 Chrome Android 高度/滚动问题

javascript - 需要滚动到 html 页面中嵌入的 PDF 中的特定行

php - 如何将数据从 MySQL 传递到 Google map

javascript - 中心导航元素 Bootstrap CSS

css - Firefox 和 Chrome 中的显色性不同

google-chrome - 如何查看整个原始http请求?

javascript - 在javascript中添加动态控件

javascript - 如何通过文本更改在 JavaScript 中切换按钮?

asp.net - 样式个别 RadioButtonList ListItem

javascript - 将 CSS Matrix3d 变换转换为欧拉 Angular