So, I was working with the login-with-ajax wordpress plugin, When I noticed that it displays differently in chrome. I was blown away that firefox and internet explorer would both show the appropriate  css styling and that chrome should some entirely different placing of the div via css.

So what I needed was a way to have two different style classes for each browser set..

So I did some research and found that we can use the webkit difference of chrome and safari to firefox and IE. So, if you want a chrome/safari specific css style override just frame it in the below code, and drop it in below the old line# in your stylesheet.

1. Daniel Riefstahl

   September 14, 2010 at 7:40 am

   Thanks so much for this! I was looking around for a while to find a solution. You rock.

   Reply
2. Vigneshwaran

   April 1, 2011 at 7:09 am

   Its very useful for me…It saves my time

   Reply