¿Hay alguna forma de incrustar HTML en el elemento css content:
al utilizar un pseudo-elemento :before
?Utilice FontAwesome o Glyphicons con css: antes de
Quiero utilizar una fuente impresionante (o Glyphicon) en un caso de uso como esto:
h1:before {
content: "X";
padding-right: 10px;
padding-left: 10px;
color: @orangeLight;
}
Dónde X
es algo así como <i class="icon-cut"></i>
.
Puedo, por supuesto, hacerlo manualmente en HTML, pero realmente quiero usar :before
en este caso.
De forma similar, ¿hay alguna forma de usar <i>
como una lista de viñetas? Esto funciona, pero no se comporta correctamente para elementos de viñeta multilínea:
<ul class="icons">
<li><i class="icon-ok"></i> Lists</li>
<li><i class="icon-ok"></i> Buttons</li>
<li><i class="icon-ok"></i> Button groups</li>
<li><i class="icon-ok"></i> Navigation</li>
<li><i class="icon-ok"></i> Prepended form inputs</li>
</ul>
Desde ': before' es un elemento seudo, no se puede tener' contenido html', solamente 'Text'. –
Hola tig, solo comprobando si mi respuesta fue suficiente. Espero que haya ayudado. ¡Gracias! – keithwyland
Realmente deberías aceptar la respuesta de wylander. Hace totalmente lo que necesito, ¡que parece ser lo que tú también querías! –