Is there a Google Chrome-only CSS hack

Question

Is there a Google Chrome-only CSS hack  Many previously existing hacks that used to work for Chrome now are being picked up  used  by other browsers  I need one that targets Google Chrome  but not also other browsers like Mozilla Firefox  Safari  or Microsoft Edge

User · Answer

To work only chrome or safari  try it    media screen and  -webkit-min-device-pixel-ratio 0        Safari and Chrome     myClass    color red        Safari only override      i-block-chrome  myClass    color blue

User · Answer

I have found this works ONLY in Chrome  where it s red  and not Safari and all other browsers  where it s green       style   color  green   -bracket- hack      color  red         From http   mynthon net howto webdev css-hacks-for-google-chrome htm

User · Answer

You could use javascript   The other answers to date seem to also target Safari   if  navigator userAgent toLowerCase   indexOf  chrome    gt  -1        alert  You ll only see this in Chrome            someID   css  background-position    10px 20px

User · Answer

Sure is    media screen and  -webkit-min-device-pixel-ratio 0          element   properties value         And a little fiddle to see it in action - http   jsfiddle net Hey7J   Must add tho    this is generally bad practice  you shouldn t really be at the point where you start to need individual browser hacks to make you CSS work  Try using reset style sheets at the start of your project  to help avoid this   Also  these hacks may not be future proof

User · Answer

Only Chrome CSS hack    media all and  -webkit-min-device-pixel-ratio 0  and  min-resolution   001dpcm         selector           background  red

User · Answer

Try to use the new   supports  feature  here is one good hack that you might like     UPDATE      Microsoft Edge and Safari 9 both added support for the  supports feature in Fall 2015  Firefox also -- so here is my updated version for you      Chrome 29   Only       supports  -webkit-appearance none  and  not  overflow -webkit-marquee   and  not  -ms-ime-align auto   and  not  -moz-appearance none          selector   color red         More info on this here  the reverse    Safari but not Chrome     is there a css hack for safari only NOT chrome     The previous CSS Hack  before Edge and Safari 9 or newer Firefox versions       Chrome 28   now also Microsoft Edge  Firefox  and Safari 9        supports  -webkit-appearance none     selector   color red        This worked for  only  chrome  version 28 and newer    The above chrome 28  hack was not one of my creations  I found this on the web and since it was so good I sent it to BrowserHacks com recently  there are others coming    August 17th  2014 update  As I mentioned  I have been working on reaching more versions of chrome  and many other browsers   and here is one I crafted that handles chrome 35 and newer       Chrome 35         content    future   selector not   root    color red      In the comments below it was mentioned by  BoltClock about future  past  not    etc    We can in fact use them to go a little farther back in Chrome history   So then this is one that also works but not  Chrome-only  which is why I did not put it here  You still have to separate it by a Safari-only hack to complete the process  I have created css hacks to do this however  not to worry  Here are a few of them  starting with the simplest      Chrome 26   Safari 6 1        past   selector not   root    color red      Or instead  this one which goes back to Chrome 22 and newer  but Safari as well         Chrome 22   Safari 6 1       media screen and  -webkit-min-device-pixel-ratio 0  and  min-resolution  001dpcm   screen and -webkit-min-device-pixel-ratio 0         selector   color red         The block of Chrome versions 22-28  more complicated but works nicely  are also possible to target via a combination I worked out      Chrome 22-28  Only        media screen and -webkit-min-device-pixel-ratio 0         selector   -chrome- only           color red                Now follow up with this next couple I also created that targets Safari 6 1   only  in order to still separate Chrome and Safari  Updated to include Safari 8     Safari 6 1-7 0      media screen and  -webkit-min-device-pixel-ratio 0  and  min-color-index 0         selector      color blue               Safari 7 1         -webkit-full-page-media    future   root  selector   color blue       So if you put one of the Chrome Safari hacks above  and then the Safari 6 1-7 and 8 hacks in your styles sequentially  you will have Chrome items in red  and Safari items in blue

[css] Is there a Google Chrome-only CSS hack?

Examples related to css

Examples related to google-chrome