Кнопка без формы выглядит плохо в 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> - , это недопустимый HTML .

Кроме того, вам не хватает </a>, и у вас не может быть <form> внутри <p>.

По сути, разберитесь с неверным HTML, и проблема будет решенасам себя.