No me hace caso mi GridView con los estilos o lo hago mal?
Tengo esta definicion de GridView:
Código:
El problema lo tengo en esta línea:<asp:GridView ID="dgPedidos" runat="server" AutoGenerateColumns="false" AlternatingRowStyle-CssClass="GridAltRow" RowStyle-CssClass="GridRow" FooterStyle-CssClass="GridPie" HeaderStyle-CssClass="GridCabecera" ShowFooter="true" Font-Size="10px" Font-Names="Arial, Tahoma, Verdana" CellPadding="4" CellSpacing="0" GridLines="Vertical" BorderColor="#000000" EnableViewState="true"> <Columns> <asp:BoundField HeaderText="Ref. Pedido" DataField="IDPedido" ItemStyle-HorizontalAlign="Right" /> <asp:TemplateField HeaderText="Fecha" ItemStyle-HorizontalAlign="Center"> <ItemTemplate> <asp:Label ID="lblFecha" runat="server" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="TotalPedido" ItemStyle-HorizontalAlign="Right"> <ItemTemplate> <asp:Label ID="lblTotalPedido" runat="server" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Estado" ItemStyle-HorizontalAlign="Left"> <ItemTemplate> <asp:Label ID="lblEstado" runat="server" /> </ItemTemplate> </asp:TemplateField> <asp:HyperLinkField HeaderText="Detalles Pedido" Text="Ver detalles" DataNavigateUrlFields="IDPedido" DataNavigateUrlFormatString="TI_VerDetallesPedido.aspx?Ref={0}" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="miClase" /> </Columns> </asp:GridView>
Código:
No me muestra el link con el estilo "miClase". El tio pasa de mi. Lo curioso es que tampoco lo muestra como un link "sin estilo", ya que no está subrayado, ni cuando el mouseover ni sin el mouseover.<asp:HyperLinkField HeaderText="Detalles Pedido" Text="Ver detalles" DataNavigateUrlFields="IDPedido" DataNavigateUrlFormatString="TI_VerDetallesPedido.aspx?Ref={0}" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="miClase" />
Saben a qué se debe?
Así está definida miClase en el CSS:
Código:
Muchas gracias y un saludo. .miClase:link { text-decoration: underline; } .miClase:visited { text-decoration: underline; } .miClase:hover { text-decoration: none; }