Home > WEBデザイン > Macintosh版InternetExplorerのCSSバグ

Macintosh版InternetExplorerのCSSバグ

メールフォームを作っていて、なぜかMacのIE5だと、入力部分の表示がおかしくなってしまう現象に出くわして、小一時間頭を悩ませていたら、CSSの特徴、というか便利な点である継承を忘れていた :P

症状

INPUTの入力フォームの表示がおかしい

INPUTの入力フォームの表示がおかしい

こんな感じに、入力文字がかぶったり、カーソルがずれて表示されたりする。

原因

body{
 letter-spacing : 1px;
}

inputタグ自体には、なんのスタイルも指定していないのになんで、表示がおかしくなる？！ :( と悩んでいたら、普通に body から継承されて、input に letter-spacing が適用されていました :P MacIEには、letter-spacingのバグがあるみたいですね。

とりあえず、input に letter-spacing:0px; と指定し直すことで回避しました。

Comments:0

コメントフォーム：コメントはお気軽にご利用くださいませ。

画像の中に見える文字を入力してください。

Trackbacks:0

TrackBack URL for this entry
http://blog.tofu-kun.org/mt-tb.cgi/48
Listed below are links to weblogs that reference
Macintosh版InternetExplorerのCSSバグ from Webプログラマー＋WebデザイナーなZARU日記

Home > WEBデザイン > Macintosh版InternetExplorerのCSSバグ

Profile
Categories
Archives
ブログパーツ
Search
Feeds

Return to top