CSS 3: Agregar símbolo de cotización al comienzo de blockquote

Question

¿Alguien puede decirme por qué esto (también disponible en vivo en http://jsfiddle.net/A2eTG/6/) representa un símbolo " antes de la blockquote en Firefox pero no en Chrome/Safari?

blockquote 
{ 
    padding: 0 60px; 
    padding:10px; 
    padding-left:55px; 
} 

blockquote:before { 
    display: block; 
    font-size: 700%; 
    content: open-quote; 
    height: 1px; 
    margin-left: -0.55em; 
    position:relative; 
    top:-20px; 
} 

El selector blockquote:before muestra en las herramientas para desarrolladores de Chrome, pero no aparece en la pantalla.

¿Qué ofrece?

Answer 1

Parece que Chrome no es compatible con content: open-quote. Tal vez puedas probar:

content: "\""; 

Answer 2

Chrome soporta content parcialmente y open-quote no es compatible.

Así que lo que puede intentar es utilizar content: '“'; El atajo para imprimir el open-quote en Windows es Alt+0147 y si existe la necesidad de close-quote también a continuación Alt+0148.

Answer 3

Consulte Rendering Quotes With CSS para obtener más detalles sobre este tema, así como la forma de localizar las comillas para diferentes idiomas.

Answer 4

para ayudar a otros que vinieron a través de esto y quieren cotizaciones más bonita que ", estos son los códigos para las marcas dobles abiertas, doble cerrado, solo abierta y cerrada respectivamente apóstrofos: "\201C", "\201D", "\2018", "\2019".

Answer 5

Creo que la mejor solución sería

content: '“'; 
content: open-quote; 

que los navegadores de manera que el apoyo open-quote lo utilizarían e ignorar el valor anterior content, mientras que los navegadores que no saben lo que es open-quote ignorará esa línea y el uso el primero.