没有窗体的按钮在Firefox中看起来不好看

问题描述：

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

（微弱的灰线上方是有意的，它背后的较粗的线是什么，我想OT摆脱）

我在我的HTML模板以下（这是Django的，但这并不重要）：

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

摆脱标签不会改变任何东西。

我怎样才能让我的按钮看起来正常，在Firefox吗？

谢谢！

为什么使用按钮，如果你是一个超链接？ –

显示与按钮相关的CSS（或其周围）可能很有用。 –

获取webdeveloper工具条插件，并使用其css-> view样式信息来确定是什么导致线条渲染：http://chrispederick.com/work/web-developer/可能是表单样式？ – Oliver

答

它看起来像你需要在atext-decoration: none。

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

此外，您缺少</a>，<p>内不能有<form>。

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