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

Question

我正在构建一个包含许多混合库的网页：jQuery、Bootstrap、许多其他服务的脚本等等。我使用的是早期（修改）版本的真正简单颜色选择器，输入控件不可编辑，但仅在 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 元素在它上面，以及它的尺寸是多少。