¿Aplicar CSS solo para Safari?

Question

¿Es posible añadir un bloque de CSS que sólo quiero que se mostrará en Safari y otros navegadores no?

Answer 1

He aquí un ejemplo que establece el color de la fuente de su sitio a verde si su navegador es Safari o Chrome (ambos comparten el motor de renderizado Webkit común).

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body { 
     color:green; /* on Safari and Chrome */ 
    } 
} 

Esto está tomado de otro post here

Answer 2

El uso de la cadena de agente de usuario, se puede comprobar para Safari y! Chrome. Ambos usan el WebKit Renderer y ambos tienen Safari en la cadena UA, pero Chrome también tiene 'Chrome'. Para ser sincero, solo verificaría Webkit y el código, porque quién sabe qué otro navegador WebKit puso en sus cadenas de UA.

Safari:

Mozilla/5.0 (Windows; U; Windows NT 6.1; zh-HK) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5

Chrome:

Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/540.0 (KHTML, like Gecko) Ubuntu/10.10 Chrome/8.1.0.0 Safari/540.0

Answer 3

Utilice esta. Funcionará solo en Safari.

/* Only for Safari */ 
::i-block-chrome, .yourClassName { 
    border:1px solid #f00; 
}