ブラウザ別に適用させるCSSハック | クロコロール苦労してコーディングしたページがブラウザによっては表示がおかしい…なんてよくありますよね。 そんな時のために今回は主要ブラウザごとにCSSを適用させるやり方を紹介します。 サンプル 動作確認は以下の環境で行っています。 Google Chrome 120.0 (macOS Ventura) Safari 16.5.2 (macOS Ventura) Opera 106.0 (Windows10) Firefox 119.0 (macOS Ventura) Edge 120.0 (Windows10) Internet Explorer 11.0 (Windows8) この記事を各種ブラウザで見てもらえればボックスの背景色が各々異なるのが確認できます。 Google Chrome, Edge(Chromium), Safari, Opera /* Chrome Edge(Chromium)
