匹配按钮的外观

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>