为什么我的输入字段不可编辑？

Question

我正在构建一个包含许多混合库的网页：jQuery，Bootstrap，许多其他服务的脚本等等。我正在使用Really Simple Color Picker的早期（修改）版本，输入控件是不可编辑的，但仅限于Firefox。在Chrome，Safari和Internet Explorer中，该字段是可编辑的。

我在代码中找不到任何使该字段不可编辑的内容。在Firefox中，我可以在firebug面板中看到正在应用.uneditable-input CSS样式，但元素本身在原始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元素位于其上面，以及它的尺寸是什么。