見出し画像

【CSS】各ブラウザごとに読み込むCSSを変えたい

特定のブラウザのみにCSSを適用したい
あまり使用する機会はないが、IE対応する時などに使ったので備忘録

コード

IE

@media all and (-ms-high-contrast: none) {
 /* ここに書く */

}

Chrome

@media screen and (-webkit-min-device-pixel-ratio:0) {
 /* ここに書く */

}

Firefox

@-moz-document url-prefix() {
 /* ここに書く */
 
}

Safari

::-webkit-full-page-media, :future, :root セレクタ {
 /* ここに書く */

}


これで実装完了

いいなと思ったら応援しよう!