Chrome and Safari Browser CSS Hacks

Here are the most common CSS hack for Chrome Browser and different versions.

You can also check hack for Firefox and Internet Explore/Edge.

@media screen and (-webkit-min-device-pixel-ratio:0) {    
.#form-wrapper {
}      
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.#form-wrapper {

}

Supports In: Chrome *

.selector:not(*:root) {}

1	.selector:not(*:root) {}

Supports In: Chrome *, Safari *, Opera ≥ 14, Android *

@supports (-webkit-appearance:none) {}

1	@supports (-webkit-appearance:none) {}

Supports In: Chrome ≥ 28, Safari ≥ 9, Internet Explorer/Edge >= 12, Opera ≥ 14

.selector { (;property: value;); }
.selector { [;property: value;]; }

1 2	.selector { (;property: value;); } .selector { [;property: value;]; }

Supports In: Chrome ≤ 28, Safari ≤ 7, Opera ≥ 14

@media \\0 screen {}

1	@media \\0 screen {}

Supports In: Chrome 22-28, Safari ≥ 7

@media all and (-webkit-min-device-pixel-ratio:0)
and (min-resolution: .001dpcm)
{ .selector {} }

@media all and (-webkit-min-device-pixel-ratio:0)

and (min-resolution: .001dpcm)

{ .selector {} }

Supports In: Chrome ≥ 29, Opera ≥ 16

[paypal-donation]

Chrome and Safari CSS Hacks