html - 没有表单的按钮在 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>在 <a> 里面- it's invalid HTML .

此外，您还缺少一个 </a> , 你不能有 <form>在 <p> 里面.

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