角が丸く、パディング (基本的なブートストラップ スタイル) がある入力テキスト フィールドがあります。状況は、ユーザーがテキスト フィールドの幅よりも長いテキストを書き、フィールドから移動することです。IE では、入力フィールドに収まるテキストの最後の部分が表示されます。状況は、パディングとボーダー半径がある場合で、最後の単語の一部の文字が隠されています (パディングの量によって異なります)。
ユーザーにとっては、1 つ (または複数) 文字を書き忘れているように見えます。方法はありますか
これをテストするには、IE を使用して、次のフィドルの 3 番目の入力フィールドのテキストの末尾に文字を追加します。追加した文字が表示されないことに注意してください: http://jsfiddle.net/56SMV/3/
<input type="text" value="Some text lorem ipsum dolor sit amet" style="padding:20px; border-radius: 10px; border-style: solid; border-color: #CCCCCC;" />
こちらのスクリーンショット (3 番目の入力フィールド): http://i.stack.imgur.com/d2s1W.png
背景画像で角を丸くするよりも簡単にこれを修正する方法はありますか? IE の border-radius.htc を使用した <input type='text' /> の角の丸み