jQuery、Bootstrap、その他多数のサービスのスクリプトなど、さまざまなライブラリが混在する Web ページを作成しています。私は、Really Simple Color Pickerの以前の (変更された) バージョンを使用しています。入力コントロールは編集できませんが、Firefox でのみ使用できます。Chrome、Safari、および Internet Explorer では、フィールドは編集可能です。
フィールドを編集不可にしているコードは何も見つかりません。Firefox では、.uneditable-input
CSS スタイルが適用されていることを firebug パネルで確認できますが、要素自体には、元の HTML、HTML ビュー、または DOM ビューのいずれにもクラスがありません。
DOM ビューで関連していると思われるその他の属性は次のとおりです。
className ""
contentEditable "inherit"
disabled false
hidden false
indeterminate false
readOnly false
required false
入力を編集できない原因は何ですか? また、その理由は 1 つのブラウザーだけですか?
もう 1 つのひねり: 入力フィールド自体は、実際には、カラー ピッカー ライブラリの jQuery コードを使用してページに挿入されます。
コードを含めたいのですが、ページが非常に大きく、多数の依存関係があります。原因を探るために、どのようなものがフィールドを編集不可にするかについてのアイデアを探しています. コードを含めないのは良くないことはわかっています。