各ブラウザのCSSハック【備忘録】

IE10（11以降は「_:-ms-lang(x)::-ms-backdrop」と書くこともあるみたいだ…）
@media all and (-ms-high-contrast: none){
	.sample {
		color: red; /* IE10以上 */
	}
}
Firefox
@-moz-document url-prefix(){
	.sample {
		color: red;
	}
}
Chrome
@media screen and (-webkit-min-device-pixel-ratio:0){
	.sample {
		color: red;
	}
}
Safari
@media screen and (-webkit-min-device-pixel-ratio:0) {
_::-webkit-full-page-media, _:future, :root 
	.sample {
		color: red;
	}
}

もう古いね。
まぁ、懐かしき思い出ということでw

TOP