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

Comment Form

Trackbacks:0

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

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

Profile

zaru

Name : zaru

Webプログラマ＋Webデザイナで、Webディレクタやってます。Twitterやっているので、ぜひフォローしてやってくださいませ。Twitter - zaru。また、そのほかのプロフィールについては、iddy - zaruを見てください。

Recent Entries
Categories
Archives
Search
Feeds
Others

Return to page top