¿Cómo hacer que el botón parezca un enlace?

Resuelto asked hace 15 años • 8 respuestas

Necesito hacer que un botón parezca un enlace usando CSS. Los cambios están realizados, pero cuando hago clic en ellos, se muestra como si estuviera presionado como en un botón. ¿Alguna idea de cómo eliminarlo para que el botón funcione como un enlace incluso cuando se hace clic en él?

 avatar Sep 02 '09 19:09
Aceptado

button {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}
<button> your button that looks like a link</button>
Expandir fragmento

adardesign avatar Sep 02 '2009 15:09 adardesign

Si no le importa usar Twitter bootstrap, le sugiero que simplemente use la clase de enlace .

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<button type="button" class="btn btn-link">Link</button>
Expandir fragmento

BoJack Horseman avatar Oct 21 '2015 07:10 BoJack Horseman