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

Question

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

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

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

我只是列出有助于这个textarea的所有内容,希望你们可以建议可能出现的问题.我很困惑.

• Firefox和Chrome都有
• Twitter Bootstrap
• 字体很棒
• 按照本教程自动调整textarea的大小
• 下面的造型(其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);
  }
}

我只想重申一下,键盘上的其他每个角色都显得很好.什么可能导致这些问题-'o's(抱歉)

Answer 1

这只会影响小写字母"o",这将指向用于在textarea中呈现文本的字体中的特定字形的问题.你尝试过使用不同的字体吗？

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