元素：不能选择第一个字母

Question

在 Chrome （版本55.0.2883.87 m）（win 8.1）元素中的文字：第一个字母无法通过鼠标选择（完整）。

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

＆＃13;

＆＃13;

div:first-letter{
  text-transform: capitalize;
}

＆＃13;

<div>
unselectable
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

这已经是Chrome中已知的一段时间的错误，可追溯到2009年以来。

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>