ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > 豆知識 > Firefoxではinputボタンにline-heightがきかないらしい
2010年02月27日 01:22
712日前に投稿

Firefoxではinputボタンにline-heightがきかないらしい

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

あまりinputボタンにline-heightを指定するということがないので知らなかったのですが、「The Firefox Input Button Line-Height Bug」という記事によると「FirefoxではinputボタンにCSSで line-height を指定しても無効になる」のだそうです。(Operaでも同様)

やってみると確かに何も変化がありませんでした。

記事によると原因はFirefoxのデフォルトのCSSにおいて、以下のように !important で line-height が指定されているためだそうです。

button, input[type="reset"], input[type="button"], input[type="submit"] {
    line-height:normal !important;
}

そのため、同様の効果を得るために結局 padding を使用したと書かれています。それでも全ブラウザでボタンの高さを厳密に揃えることは容易ではないようです。

スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - 「DM送りたいのでフォローしてください」とかめんどくさくないですか？


トラックバック

このエントリーのトラックバックURL:

豆知識

English version

2010/02/27 01:22:17 by F.Ko-Ji
コメント (0) トラックバック (0) 豆知識

前のエントリー: « タレントの千秋がTwitterを開始
次のエントリー: 2010年の日本一の梅酒は「子宝 大吟醸梅酒」 »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: