Ich möchte ein HTML-Eingabefeld schreibgeschützt machen, aber ohne den grauen Hintergrund zu bekommen, der erscheint, wenn ich einfach nur das Attribut readonly hinzufüge (es sollte genauso aussehen wie ein normales Feld, das Bearbeiten ist nicht erlaubt).
Gibt es eine Möglichkeit, dies in CSS und / oder JS zu realisieren, idealerweise mit einer Klasse?
Beispielfeld:
%Vor%Vielen Dank für jede Hilfe, Tim.
Ich denke, du hast Behinderte und Readonly verwechselt
%Vor%Sieh dir diese Geige an: Ссылка
Wie Sie sehen können, ist nur der deaktivierte Eingang grau (getestet unter Windows mit dem neuesten Chrome & amp; IE)
Dies kann jedoch je nach Browser, Betriebssystem usw. unterschiedlich sein. Sie können die Anzeige mit css anpassen:
%Vor%Sie können zwar jedes Styling anwenden, indem Sie: disabled,: readonly oder .myClass CSS-Selektoren verwenden, beachten Sie jedoch, dass verschiedene Browser / Plattformen den Standard, readonly & amp; deaktivierte Eingabefelder anders, also könnte das Überschreiben von Farbe, Rahmen und Hintergrund basierend auf den Standardeinstellungen für Ihre Plattform (z. B. Windows) das Styling auf anderen Plattformen (z. B. Mac) stören.
Es ist normalerweise keine gute Idee, die von den Benutzern erwarteten Standardstyling-Hinweise zu überschreiben, aber wenn Sie dies tun müssen, sollten Sie sicherstellen, dass schreibgeschützte / deaktivierte Eingabefelder visuell von den Standardfeldern unterschieden werden können und benutzerdefinierte Stile verwenden, die keine Plattform sind -spezifisch.
Tags und Links javascript html css readonly background-color