¿Cuál es la mejor manera de definir una hoja de estilo específica de Chrome?

Hay maneras de hacerlo usando algunos trucos inteligentes de CSS, pero estos podrían romperse a medida que otros navegadores comiencen a admitir más propiedades CSS3. Por ejemplo, esta propiedad:

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

h1 {

/ * Estilo especial! * /

}

}

… Eliminará Opera (de la consulta de medios) e IE (de las propiedades CSS3). Sin embargo, también recoge Safari porque ambos se quedan sin Webkit.

Probablemente sea más fácil usar JavaScript para detectar el agente de usuario y buscar específicamente un navegador Chrome:

var is_chrome = navigator.userAgent.toLowerCase (). indexOf (‘chrome’)> -1;

http://davidwalsh.name/detecting…

Detecte el navegador usando Javascript, o cualquier idioma del lado del servidor que esté representando su página (es decir, PHP), y luego agregue class = “chrome” a la etiqueta de su cuerpo cuando detecte Chrome. Entonces puedes anteponer todas tus clases como

.chrome h1 {
color: # ffcc00;
}

… o lo que sea.