martes, 25 de enero de 2011

CSS - Texto tachado con linea de otro color en gridview

Dado que ya no disponemos de mucho tiempo para hacer posts extensos y elaborados, aprovechemos esta pregunta que me hicieron:

cómo logro el efecto de texto tachado dentro de la celda de un gridview como ven en la imagen?

task_history

Es muy simple, sólo usen el sgte código:

<asp:TemplateField HeaderText="Historial de Tareas">
<
ItemTemplate>
<
span style="text-decoration:line-through; color: red">
<
span style='color:black'><%# Eval("title")%></span>
</
span>
</
ItemTemplate>
</
asp:TemplateField>

Y eso es todo, lo único que hice fue poner una etiqueta span con el tachado de color rojo, y luego de eso, otra etiqueta span para el texto, esta vez de color negro.

Espero que les sea de utilidad ;)

No hay comentarios.: