Wie mache ich eine Texteingabe nicht bearbeitbar?

Question

Also habe ich ein Texteingabefeld

Hier ist mein CSS dafür

background:url("images/number-bg.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
height:17px;
margin:0 13px 0 0;
text-align:center;
width:17px; 

Gibt es eine Einstellung oder einen Trick dafür? Ich habe daran gedacht, stattdessen ein Label zu verwenden, aber wie sieht es mit dem Styling aus? Wie konvertiere ich sie und gibt es einen besseren Weg oder ist das der einzige Weg?

Answer 1

Fügen Sie readonly hinzu:

Wenn Sie möchten, dass der Wert nicht in einem Formular übermittelt wird, fügen Sie stattdessen das disabled Attribut hinzu.

Es gibt keinen Weg, dies immer mit CSS zu tun.

Warum? CSS kann nichts "deaktivieren". Sie können immer noch Anzeige oder Sichtbarkeit deaktivieren und pointer-events: none verwenden, aber pointer-events funktioniert nicht in Versionen des IE, die vor dem IE 11 veröffentlicht wurden.

Answer 2

Sie können es unter https://www.w3schools.com/tags/att_input_readonly.asp sehen

Der Methode, um "readonly" zu setzen:

$("input").attr("readonly", true)

um "readonly" abzubrechen (funktioniert in jQuery):

$("input").attr("readonly", false)

Answer 3

Du musst nur disabled am Ende hinzufügen

Answer 4

Jede Eingabe muss ein schreibgeschütztes oder editierbares Feld haben, also verwende es