2011-08-16 21 views
10

¿Cómo puedo cambiar los colores del hipervínculo creado por la función auxiliar Html.ActionLink?ASP.NET MVC Html.ActionLink color de hipervínculo

[detalle adicional] Los colores tendrán que ser diferente para cada estado del hipervínculo, es decir, activo, seleccionado, fue ya seleccionado, etc.

Respuesta

23

Normalmente, usted podría hacer algo como esto:

Html.ActionLink("My Link", "MyAction", null, new { @class = "my-class" }) 

Y luego use CSS para el estilo my-class:

a.my-class { color: #333333 } 
a.my-class:active { color: #666666 } 
a.my-class:link { color: #999999 } 
a.my-class:visited { color: #CCCCCC } 
9

El método ActionLink() está sobrecargado. Algunas de esas firmas permiten el paso de un parámetro object htmlAttributes.

Usted puede hacer algo como esto:

Html.ActionLink("foo", "bar","baz", 
      new { id = 1}, // Route args if needed; null if not. 
      new {@style="color:#000aaa;" } 
      ); 

Tal vez usted tiene una clase CSS ya definida:

Html.ActionLink("foo", "bar","baz", 
      new { id = 1}, // Route args if needed; null if not. 
      new {@class="MyClass;" } 
      ); 
+0

Gracias. Probaré eso. Mi problema con el ejemplo es si funciona el hipervínculo tendrá solo color (puede ser). Los hipervínculos tienen estados como activo, seleccionado, etc. Necesito que tengan diferentes colores. – Ronald

+0

@Ronald - Simplemente agregaría los selectores de CSS adecuados, al igual que lo haría en html estándar. Hay literalmente miles de artículos discutiendo esto, no debería ser difícil de encontrar. –

1

Algunas explicaciones sobre los defectos de base en respuesta @dahlbyk

  • a: link - un enlace no visitado normales
  • a: visited - un vínculo que el usuario ha visitado
  • a: hover - un enlace cuando el usuario pasa sobre él
  • a: active - Un enlace el momento en que se hace clic en

Al configurar el estilo de varios estados de enlace, hay algunas reglas de orden:

  • a: hover debe venir después a: link y: visited
  • a: active debe venir después de un: hover

Más detailes se pueden encontrar here

+0

Su comentario sobre las reglas de orden me salvó la frustración. Gracias. – SJaka

+0

@SJaka mi placer ;-) –

Cuestiones relacionadas