Question

无论出于何种原因，我的文本区域中的小写“o”是不可见的。其他每封信都很好。如果我突出它，它仍然是看不见的。

 ______________             ______________ 
|              |           |              |
| hello world! | shows as  | hell  w rld! |
|______________|           |______________|

当我实际发布表单，或从中复制并粘贴时，'o'确实存在。

我将列出有助于此textarea的所有内容，并希望你们可以建议可能出现的问题。我很困惑。

Firefox和Chrome
Twitter Bootstrap
Font Awesome
自动调整textarea following this tutorial
下面的样式（SASS）

边框半径和框大小可以达到预期效果，并在整个网站中使用而不会出现问题。

textarea {
  width: 100%;
  height: 50px; // this is overwritten with javascript
  color: white;
  text-shadow: black 0.05em 0.05em 0.08em;
  background: none;
  border: 1px solid #ddd;
  @include border-radius(0); // to override bootstrap
  @include box-sizing;
  resize: none;

  &:focus {
    background: rgba(250, 250, 250, 0.2);
  }
}

我只想重申，键盘上的其他每个角色都显示正常。什么可能导致这些问题 - '对不起'

Answer 1

这只影响小写'o'会指出这是用于在textarea中呈现文本的字体中的特定字形的问题。你尝试过使用不同的字体吗？

请参阅： https://github.com/FortAwesome/Font-Awesome/issues/417

Answer 2

谢谢@jurgemaister。果然，切换到font-family arial;工作了。出于某种原因，Font Awesome与textarea并不相处。

textarea中隐形的小写字母'o'

2 个答案: