デモを見る: http://jsbin.com/evesey/41/edit
各文字はspan要素内にあり、文全体が入力フィールドに重なっており、違いを示しています。これは Firefox でのみ発生し、spansが に設定されている場合にのみ発生しinline-blockます。彼らはする必要がありますinline-block。で遊んでみましたletter-spacingが、テキストが別のものに変更された場合、それは良い解決策ではありません。
これを修正する方法はありますか？これは、インライン ブロックをレンダリングする Firefox の解決不可能なバグである可能性があります...
わかりました、詳細な調査の結果、Firefox は入力フィールドにカーニングを適用しましたがspans、Chrome はカーニングをまったく適用しないため、完全なテキスト マッチをレンダリングする一方で、個々の文字には適用されませんでした。これはChromeのバグだと思います。デフォルトでカーニングしないことはそれほど賢明ではありません。
\u200b入力フィールドに出力されるすべての文字の後に幅ゼロのスペース文字を追加することで、「ハッキー」な方法で強制カーニングを削除することができました。
更新：上記のトリックでカーニングがまだ行われているようですが、「カーニング」が少ないだけです。これは良くない。