Firefoxのみに適用させるCSSを書く方法

FirefoxにはIEのように独自の実装擬似クラスがあるから、CSSに独自実装擬似クラス(例えば:-moz-any-link)を入れることにより、Firefoxだけに適用させるCSSを書くことができる。
方法は簡単
【例】
.tabbody {
margin-bottom: 4px;
}
の場合
Firefox2に適用させるCSSハック
.tabbody, x:-moz-any-link {
margin-bottom: 5px;
}
Firefox3に適用させるCSSハック
.tabbody, x:-moz-any-link, x:default {
margin-bottom: 5px;
}
両方に適用させたい時は、Firefox2に適用させるCSSハックを記載した後Firefox3に適用させるCSSハックを記載すればいい。
 

デジタルゲートがお手伝い

ホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。

スポンサーリンク