2010-12-31 20 views
19

La especificación specifies que uno puede modificar la lista de ítems (li) marcadores utilizando el pseudo-elemento "marcador" de esta manera:¿Hay navegadores compatibles con el "marcador" de pseudo-elemento CSS3?

li::marker { color: blue; } 

Pero me parece que no puede conseguir que funcione en cualquiera de mis navegadores .

¿Los navegadores soportan esto? ¿O estoy haciendo algo mal?

+2

+1 Gracias por preguntar esta pregunta. No sabría sobre esta parte de la especificación sin ella. –

+0

Lo que hizo mal fue suponer que solo porque un W3C TR está disponible públicamente, automáticamente lo convierte en una parte canónica de "la especificación" y que, por lo tanto, deben existir implementaciones para que pueda usar las características como se describe. Del preámbulo: "La publicación como Borrador de Trabajo no implica el endoso de la Membresía W3C. Este es un borrador de documento y puede ser actualizado, reemplazado u obsoleto por otros documentos en cualquier momento. No es apropiado citar este documento como algo que no sea el trabajo en progreso." – BoltClock

+1

6 años después y la gente todavía está buscando esto y aparentemente no se está implementando. Supongo que tendremos que seguir usando hack-arounds. – TecBrat

Respuesta

13

Para responder a su pregunta: no, ningún navegador admite esto a partir de hoy.

+9

A partir de marzo de 2014 parece que ningún navegador importante ha implementado esto todavía. –

+3

A partir de octubre de 2015, la situación es la misma. No hay una página acorde con CanIUse, pero el estado del soporte puede rastrearse en [CSS-Tricks] (https://css-tricks.com/almanac/selectors/m/marker/). –

+1

A partir de febrero de 2016, este sigue siendo el caso. –

1

No puede cambiar el color del marcador solo, pero puede cambiar su imagen con list-style-image, vea here. Solución:

<ul><li style="color:blue;"><span style="color:black">test</span></li></ul> 
+1

Gracias, pero el bit de color fue solo un ejemplo. Realmente solo quiero saber si algún navegador admite este pseudo-elemento específico, como tal. (Estoy buscando específicamente usar la propiedad 'content'.) –

+0

Gracias. Una idea muy útil para mí –

3

¿Podría usar :before en su lugar?

li { 
display: block; 
list-style-position: inside; 
margin: 0; 
} 
li:before { 
content:" • "; 
color: green; 
} 
+0

Posiblemente, pero de eso no se trata realmente la pregunta. –

+0

Es cierto. Sin embargo, alguien podría encontrarlo útil hasta que sea compatible. – Eystein

+0

Le daré crédito por intentarlo. :-) –

0

No hay ningún navegador compatible con esto, pero el (-style-type lista: y list-style-image) se pueden usar las propiedades o el pseudo antes y después de las clases.

Cuestiones relacionadas