鏈接內的按鈕在 IE 中不起作用

Question

我有使用 html 元素的按鈕的站點樣式。 對於提交 forms 的按鈕，這很好用。 然而，有些按鈕只是鏈接。 因此我使用這種語法：

<a href="#"><button>Link Text</button></a>

這在除 IE 之外的所有瀏覽器中都能完美運行，IE 中的按鈕單擊但沒有任何反應。 鏈接沒有被關注。

我怎樣才能讓它在 IE 中工作？

Answer 1

不要將按鈕放在鏈接內。 您可以使用 CSS 輕松地設置<a>的樣式，使其看起來像<button> 。

Answer 2

你能發布更多代碼嗎？ 就目前而言，鏈接元素中的<button>元素並不是執行此操作的正確方法。 堅持語義。 您應該只使用 CSS 設置<a>元素的樣式。 如果您真的想堅持使用該組合，IE 要求您使用type="button" 。 所以<button type="button"></button>

Answer 3

這也是我的問題。 使用代碼：

<a href="table_of_contents.html" title="Table of Contents"> 
    <button> <b>Contents</b> </button> 
</a>

它適用於 Firefox 和 Safari； 但對於 Explorer 和 Opera 失敗。 嘗試來自 Michel 的回答：

內容

無變化：Firefox 和 Safari OK； Explorer 和 Opera NG。

我已更改為以下代碼，適用於所有四種瀏覽器。

<form action="table_of_contents.html"> 
    <input value="Contents" title="Table of Contents" 
        style="font-weight: bold" type="submit"> 
</form>

PS：這不適用於type="button" 。 希望這可以幫助。