Firefox отображает тип ввода флажка в виде текстового поля

Question

Я установил флажок в элементе формы и отображает его как текстовый ввод Firefox (в настоящее время версия 25), хотя он корректно отображает флажок во всех других браузерах (даже IE8!).

Я посмотрел на инспектора, а атрибут type на элементе сразу предшествует  , который заставляет его отображать как текстовый ввод вместо флажка.

Я открыл источник просмотра, нет ничего необычного - пробелы - обычные пробелы, а не неразрывные пробелы.

Answer 1

Проблема закончилась тем, что она сочетается с Firefox и использует jqWidont.

У меня jqWidont применяется ко всем заголовкам таблиц, а в Firefox он вставляет неразрывные пробелы внутри дочерних элементов (только иногда я не уверен, какие элементы/атрибуты затронуты).

Вот jsFiddle, показывающий поведение (вид в Firefox): http://jsfiddle.net/4ZZnW/

Html:

<p>Checkbox: <input type="checkbox"/></p> <p class="widont">Checkbox: <input type="checkbox"/></p> 

Сценарий:

$(".widont").widont(); 

Мое решение должно было быть более разборчивыми о том, когда использовать jqWidont на моих элементах и ​​не использовать его, когда есть дочерние элементы.