※ ChatGPTを利用し、要約された質問です(原文:テキストボックスの文字を右揃えにしましたらカーソルが)
テキストボックスの文字を右揃えにする方法
このQ&Aのポイント
テキストボックスの文字を右揃えにする方法について説明します。
テキストボックスの文字を右揃えにすると、カーソルが点滅しなくなる問題が発生します。
これは、指定したテキストボックスに対してtext-alignプロパティをrightに設定したためです。
テキストボックスの文字を右揃えにしましたらカーソルが
こんぱんは。テキストボックスの文字を右揃えにしましたらカーソルが点滅しなくなりました。具体的には、
<input type='text' class='itiniti' maxlength='5' />
このようにしたものに、
.itiniti{width:50px;
text-align:right;
} で指定したのですが、右揃えにはなりましたが、そのテキストボックスをクリックしてもカーソルが出現しません。何か入力して、右端以外の文字をクリックしたらカーソルが出現しますが、→キーでカーソルを一番右側までもっていくとまた消えます。
text-alignがleftのときとcenterのときは正常に表示されています。
どなたか右揃えでカーソルがちゃんと表示されない理由がわかるかたいらっしゃいましたらアドバイスお願いいたします。
環境は、IE7です。
お礼
ありがとうございます。 *{padding:0;}が原因でした。