爲什麼我的輸入字段不可編輯？

我正在構建一個包含許多混合庫的網頁：jQuery，Bootstrap，一些其他服務的腳本等等。我使用Really Simple Color Picker的較早版本（修改版），輸入控件是不可編輯的，但只能在Firefox中使用。在Chrome，Safari和Internet Explorer中，該字段是可編輯的。爲什麼我的輸入字段不可編輯？

我在代碼中找不到任何使該字段不可編輯的內容。在Firefox中，我可以在螢火蟲面板中看到正在應用.uneditable-input CSS樣式，但元素本身沒有類別，無論是原始HTML，HTML視圖還是DOM視圖。

，似乎在DOM查看相關的其他一些屬性是：

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

什麼可以讓我輸入不可編輯的，爲什麼只在一個瀏覽器？

又一個轉折點：輸入字段本身實際上是通過顏色選擇器庫中的jQuery代碼插入頁面的。

我希望包含代碼，但頁面非常大，有一打依賴關係，我現在正在尋找關於什麼類型的東西可以使字段不可編輯以便我可以搜索原因的想法。我知道不包括代碼並不好，我會努力減少代碼。

來源

2012-07-27 Ned Batchelder

你可以做一個http://jsfiddle.net/演示或以其他方式鏈接到測試用例？ – thirtydot 2012-07-27 21:39:18

82K代表和問題中沒有相關的代碼？這應該是某種記錄。 – 2012-07-27 21:40:26

對不起，我沒有分享代碼，我已經更新了這個問題：我現在正在削減它，並在這裏詢問可能的原因。 – 2012-07-27 21:43:50

你想要做的是安裝Firebug，並在其中檢查DOM元素。它會顯示任何自定義的CSS屬性，並且您可以逐個選中/取消選中它們。您很可能會發現導致問題的原因之一。

enter image description here

如果它實際上不是殘疾，但你不能與它進行交互，你也可以看到，在螢火蟲。只需使用鼠標點擊功能進行檢查，它就會顯示哪個DOM元素位於其上，以及它的尺寸是多少。

enter image description here

來源

2012-07-27 22:52:45

這就是...他已經做了... – 2012-07-27 23:03:05

@ChaseSiebet：謝謝。正如我在問題中提到的，我已經檢查了HTML窗格，CSS窗格和DOM窗格中的元素。我已經包含了我認爲可能是相關信息的內容。還有什麼我忽略了嗎？ – 2012-07-28 11:32:26

爲什麼我的輸入字段不可編輯？

回答

相關問題