javascript - ブラウザの読み取り専用スタイルの削除

Question

テキスト フィールドへのユーザー テキスト入力を無効にしようとしてreadonly="true"おり、入力自体で属性を使用しています。

ただし、デフォルトの入力フィールドと見た目があまり変わらないようにしたいです。ブラウザーがスタイルを変更してこれを悲惨なものにする可能性があるため、私が入ってCSSを作成しないソリューションを作成しようとしています。

readonlyブラウザのスタイルを削除する方法はありますか?

これが私が話しているスクリーンショットです。右は ですreadonlyが、左と同じに見せたいです。

Answer 1

ブラウザーのスタイルは、定義上ブラウザー固有であるため、どのソリューションもブラウザー固有になります。ブラウザーのデフォルトを (ドキュメントから、または実験によって) 調べ、さまざまなブラウザーにさまざまなスタイルを提供する必要があります。多くの作業があり、潜在的な利点が何であるかはよくわかりません。一般に、通常のフィールドと無効なフィールドの区別をなくすと、使いやすさが損なわれます。

通常のフィールドと無効なフィールドのスタイルを明示的に同じに設定できますが、ブラウザのデフォルトは得られません。