没有表单的按钮在Firefox中看起来很糟糕

Question

我有一个与表单本身无关的按钮，但基本上只用作超链接。它在Chrome和Safari中看起来很不错，但在Firefox中，背后有一条丑陋的额外线条。

http://i.imgur.com/dEouh.png

（它上面的微弱灰线是故意的，它背后的粗线是我正在试图摆脱的）

我的HTML模板中有以下内容（它是Django，但这并不重要）：

<p class="submitrow"><form><a href="{% url events_create_event %}"><input type="submit" name="delete" value="Create New Event" /></form></p>

删除标签不会改变任何内容。

如何在Firefox中使我的按钮看起来正常？

谢谢！

Answer 1

您似乎需要text-decoration: none上的a。

另外，<input> - it's invalid HTML内不能有<a>。

此外，您错过了</a>，并且<form>内无法<p>。

基本上，整理出无效的HTML，问题就会自行解决。