Simular un enlace con un botón mediante CSS (versión 2)
Hace unos días creé mi primera versión para crear simular un enlace a partir de un botón de formulario con CSS. Aquella versión tenía el problema de no ser muy compatible entre navegadores. De hecho, sólo se conseguía a la perfección en Internet Explorer. Para verse en Firefox u Opera tenía que simular un borde inferior.
Bien, he encontrado la forma perfecta de simularlo. La clave está en usar la etiqueta <button> en lugar de <input>. Aquí está el ejemplo:
<html>
<head>
<style type="text/css">
.boton2 {
padding:0;
border: 0px none transparent;
background-color: transparent;
cursor: pointer;
}
.boton2 span {
text-decoration: underline;
color: blue;
}
</style>
</head>
<body>
<form name="form2" action="">
<button type="submit" class="boton2">
<span>botón</span>
</button>
</form>
</body>
</html>
Y aquí está la demostración.
Nordic dijo
Ahora falta ver si es adecuado enmascarar un botón en la forma de un vínculo. :)
Yo justo acabo de recomendarle a un cliente que no haga eso, que los botones se reconozcan como tales ya que ejecutan acciones de mayor importancia que los vínculos.
30 Agosto 2006 | 04:49