如何使自舉按鈕看起來像我想要的但仍然起作用？

Question

我的導航欄中有這些bootstrap 3.x按鈕，我喜歡這樣做時的外觀：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <ul class="nav navbar-nav navbar-right"> <li><button class="btn btn-sm navbar-link navbar-btn btn-primary" asp-area="" asp-controller="Account" asp-action="Register">Register</button></li> <li><button class="btn btn-sm navbar-link navbar-btn btn-primary" asp-area="" asp-controller="Account" asp-action="Login">Log in</button></li> </ul> 

但是問題是他們沒有像這些一樣帶我走我需要的道路：

丑陋但實用

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <ul class="nav navbar-nav navbar-right"> <li><a class="btn btn-sm navbar-link navbar-btn btn-primary" asp-area="" asp-controller="Account" asp-action="Register">Register</a></li> <li><a class="btn btn-sm navbar-link navbar-btn btn-primary" asp-area="" asp-controller="Account" asp-action="Login">Log in</a></li> </ul> 

我試過將兩者都包裝成某種形式，可以用。 它看起來像預期的一樣，但是打開后便提交了頁面（實際上是在我的網頁上提交了一個空白表格）

編輯：我只是在.css中跑來跑去，使它看起來像我需要的錨一樣。 謝謝先生的努力。

Answer 1

asp-area ， asp-controller和asp-action是錨標記幫助器，它們在按鈕標簽中不會產生相同的輸出，因為它們專門用於標簽。 為了使按鈕以相同的方式工作，您需要添加以下內容：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <ul class="nav navbar-nav navbar-right"> <li><button class="btn btn-sm navbar-link navbar-btn btn-primary" onclick = "window.open('Account/Register')">Register</button></li> <li><button class="btn btn-sm navbar-link navbar-btn btn-primary" onclick="window.open('Account/Login')">Log in</button></li> </ul> 

或按照@Jeff Matthews的建議，您可以添加javascript，

addEventListener("click", () => {your code to redirect;});

按鈕元素。 EventListner MDN文檔 。