¿Cómo hago para que un enlace HTML parezca un botón?
Estoy usando ASP.NET, algunos de mis botones solo hacen redireccionamientos. Preferiría que fueran enlaces normales, pero no quiero que mis usuarios noten mucha diferencia en la apariencia. Consideré imágenes envueltas por anclajes, es decir, etiquetas, pero no quiero tener que activar un editor de imágenes cada vez que cambio el texto de un botón.
Aplicarle esta clase
.button {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}<a href="#" class="button">Example</a>
¿Por qué no simplemente envolver una etiqueta de anclaje alrededor de un elemento de botón?
<a href="somepage.html"><button type="button">Text of Some Page</button></a>
Esto funcionará para IE9+, Chrome, Safari, Firefox y probablemente Opera.
En mi humilde opinión, existe una solución mejor y más elegante. Si tu enlace es este:
<a href="http://www.example.com">Click me!!!</a>
El botón correspondiente debería ser este:
<form method="GET" action="http://www.example.com">
<input type="submit" value="Click me!!!">
</form>
Este enfoque es más sencillo porque utiliza elementos HTML simples, por lo que funcionará en todos los navegadores sin cambiar nada. Además, si tiene estilos para sus botones, esta solución aplicará los mismos estilos a su nuevo botón de forma gratuita.
