html - 匹配按钮的外观

Question

我有两个按钮（顺便说一句，我只需要更改它们的外观以匹配）

第一个按钮打开打印预览页面，第二个按钮打开 Web 浏览器打印对话屏幕。我想更改第二个按钮以匹配第一个。无论如何我可以在第二个按钮上使用 HREF 并使用 onclick ......所以它将为按钮使用相同的模板而不是通过 css 修复它？

第一个按钮：

<div style="width:100%; text-align:right">
<a href='@Url.Action("Index", "Route", new { id = Id })'>
<button>Print Preview</button>
</a>    
</div>

好像：

第二个按钮：

<div style="width:100%; text-align:right">
<br />
<input type="button" value="Print" onclick="window.print();" />
</div>

好像：

Answer 1

尝试这个

<div style="width:100%; text-align:right">
<br />
<a onclick="window.print();">
<button>Print</button>
</a>  
</div>