Почему мое поле ввода неотредактировано?

Question

Я создаю веб-страницу со многими смешанными библиотеками: jQuery, Bootstrap, несколько скриптов других сервисов и т. Д. Я использую более раннюю (измененную) версию Really Simple Color Picker, а элемент управления ввода недействителен, но только в Firefox. В Chrome, Safari и Internet Explorer поле доступно для редактирования.

Я ничего не могу найти в коде, который делает поле неизменным. В Firefox я могу видеть на панели firebug, что применяются стили CSS .uneditable-input, но сам элемент не имеет классов ни в исходном HTML, ни в HTML-представлении, ни в представлении DOM.

Некоторые другие атрибуты, которые кажутся связанные с точки зрения DOM являются:

className "" 
contentEditable "inherit" 
disabled false 
hidden false 
indeterminate false 
readOnly false 
required false 

Что может сделать мой вклад нередактируемым, и почему только в одном браузере?

Еще один поворот: само поле ввода фактически вставлено на страницу с кодом jQuery в библиотеке выбора цветов.

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

Answer 1

Что вы хотите сделать, это установить Firebug и изучить элемент DOM. Он покажет вам какие-либо настроенные свойства CSS, и вы можете их проверить или снять. Вероятно, вы найдете тот, который вызывает проблему быстро.

Если это на самом деле не отключены, но вы не можете взаимодействовать с ним, вы можете также увидеть, что в Firebug. Просто используйте функцию проверки щелчком мыши, и она покажет вам, какой элемент DOM находится поверх нее, и каковы его размеры.