3

何らかの理由で、小文字の「o」はテキストエリアに表示されません。他のすべての文字は正常に機能します。私がそれを強調すると、それはまだ見えません。

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

フォームを実際に投稿したり、フォームからコピーして貼り付けたりすると、「o」が実際に表示されます。

このテキストエリアに寄与するすべてのものをリストします。うまくいけば、皆さんは何がうまくいかないのかを提案することができます。私は困惑しています。

Border-radiusとbox-sizingは期待どおりであり、サイト全体で問題なく使用されます。

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（申し訳ありません）

4

2 に答える 2

5

これは小文字の「o」にのみ影響し、これがテキストエリアのテキストのレンダリングに使用されているフォントの特定のグリフの問題であることを示します。別のフォント面を使用してみましたか？

参照： https ：//github.com/FortAwesome/Font-Awesome/issues/417

于 2012-10-22T06:59:05.653 に答える
0

@jurgemaisterに感謝します。案の定、動作するように切り替えfont-family arial;ます。何らかの理由で、FontAwesomeはtextareaとうまくいきませんでした。

于 2012-10-22T06:57:57.457 に答える