如何使按钮看起来像一个链接？

Question

我需要使用 CSS 使按钮看起来像一个链接。更改已完成，但是当我单击它时，它显示为好像它被按下按钮一样。知道如何删除它，以便即使单击该按钮也可以作为链接工作？

原文由 Pooja Jain 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

 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>

原文由 adardesign 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您不介意使用 twitter bootstrap ，我建议您只使用 链接类。

 <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>

原文由 BoJack Horseman 发布，翻译遵循 CC BY-SA 4.0 许可协议