内部链接按钮在IE中不起作用

时间:2011-07-22 03:11:15

标签: html css

我使用html元素设置了按钮的sitewiode样式。对于提交表单的按钮,效果很好。但是有些按钮只是链接。因此我使用这种语法:

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

这适用于除IE之外的所有浏览器,其中按钮单击但没有任何反应。该链接未被跟踪。

如何让它在IE中运行?

3 个答案:

答案 0 :(得分:8)

请勿将按钮放在链接中。您可以轻松地将<a>设置为与<button>一样的CSS。

答案 1 :(得分:0)

你能发布更多代码吗?就目前而言,链接元素中的<button>元素不是执行此操作的正确方法。坚持语义。您应该使用CSS设置<a>元素的样式。如果您真的想坚持使用该组合,IE要求您使用type="button"。所以<button type="button"></button>

答案 2 :(得分:-2)

这也是我的问题。使用代码:

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

适用于Firefox和Safari;但是Explorer和Opera失败了。 米歇尔试过回答:

内容

没有变化: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"不起作用。希望这会有所帮助。