Html 请建议一个更好的链接按钮，并返回错误的解决方案

html包含链接元素

<a href="#"></a>

---

说真的。。。它们看起来有点不同：（

您应该使用按钮或锚定，但我不明白为什么要在链接中使用按钮。您可以将锚定样式设置为按钮，或者只使用按钮并处理单击事件

---

例如，单击此链接不会导致回发（浏览器中启用了JS）：

您考虑过使用框架吗？（有些人很容易做到）。如果你用firebug检查一个链接，获取应用的样式并将其复制/粘贴到你的按钮样式，这是不够的？我认为你应该始终使用html标记作为它们的原始用途：a代表超链接/锚定，button代表按钮。不要仅为其设计使用html标记，你会遇到问题。（并且您的解决方案在每个浏览器中的结果可能都不相同）嗨，我试着设计它们的样式。但是它们看起来永远不会完全一样。特别是当它们放在一起时。设计师总是会尖叫着要求有一点不同。他们关心：Phaha，谢谢你的回答，使用javascript来处理链接不是太好。我希望只使用html和css就可以做到：）

<button></button>

<a href="#"><button class="coolbutton">look cool</button></a>

<a href="#"><button class="coolbutton onclickreturnfalse">I just want to link it</button></a>
<button> Submit </button>

button,a.bt1,a.bt2,a.bt3{
border: 1px solid rgba(152, 152, 152, 0.1);border-radius: 2px;color: #666666;cursor: pointer;
font-size: 8pt;font-weight: bold;min-width: 54px;padding: 4px 8px;text-align: center;
}
button,button.bt1,a.bt1 { background-color: #F5F5F5; }
button.bt2,a.bt2        { background-color: #F5F5F5; color:#BF0000; }
button.bt3,a.bt3        { background-color: #BF0000; color:#EFEFEF; }
button:hover,a.bt1:hover,a.bt2:hover,a.bt3:hover{
border: 1px solid rgba(208, 0, 0, 0.1); text-decoration:none;
}