Stellen Sie input-Feld auf readonly ohne änderung der Hintergrundfarbe in CSS oder JavaScript

Ich würde gerne eine HTML-input-Feld auf readonly, aber ohne den grauen hintergrund, der angezeigt wird, wenn ich einfach das Attribut readonly (es sollte gleich Aussehen, wie ein normales Feld nicht Bearbeiten).

Gibt es eine Möglichkeit, ich kann erkennen dieses in CSS und/oder JS, idealerweise mit einer Klasse ?

Beispiel Feld:

<input type="text" style="width:96%" class="myClass" />

möglich, Duplikat der wie zu deaktivieren, die Tastatur-Ereignisse, die auf einem input-text-Feld in javascript
readonly="readonly", nicht machen Sie die Eingabe ausgegraut.
Ich glaube er bedeutet, dass Behinderte wahr..?
Falsche doppelte Abstimmung 🙂
Anscheinend war ich über-denken, es ist xD
Nein, es ist der Unterschied zwischen readonly und disabled.
readonly wird Ergrauen in Chrom. siehe: jsfiddle.net/Valtos/w8tgC
Ich don ' T finden keinen Unterschied, und ich bin mit Chrome nur.
readonly nicht Ergrauen in chrome... und selbst wenn es das tut... können Sie background: white;, um es zu überschreiben im readonly oder disabled Eingaben
siehe mein screen: directupload.net/file/d/3523/8wdt76zg_png.htm

InformationsquelleAutor user2571510 | 2014-02-04

5

Ja, Sie können die :disabled pseudo-Klassen, z.B.
```
input.myClass:disabled {
    /* style declaration here */
}
```
- Danke, das hat funktioniert !
InformationsquelleAutor datafunk
19

Ich denke, Sie verwechselte disabled und readonly
```
<input type="text" value="readonly" readonly>
<input type="text" value="disabled" disabled>
```
haben Sie einen Blick auf diese Geige : http://jsfiddle.net/36UwE/

Wie Sie sehen können, nur den Behinderten-Eingang ist Grau (getestet auf Windows mit den neuesten Chrome & IE)

Aber das kann sich, je nach browser, Betriebssystem und so weiter. Sie können benutzerdefinierte die Anzeige mit css:
```
input[readonly] {
  background-color: white;
}
```
- Wies mit dem Unterschied rechts.. 🙂
- definieren Sie eine background: white; legen Sie beide den gleichen Stil
- Der wesentliche Unterschied zwischen readonly und disabled ist, dass die readonly-Feld gesendet werden, wenn das Formular abgeschickt wird, nicht die deaktivierten.
InformationsquelleAutor Anthony Garcia-Labiad
2

Während Sie können ein beliebiges styling mit :disabled, :readonly oder .myClass CSS-Selektoren, sich bewusst sein, dass verschiedene Browser/Plattformen Rendern der standard, readonly & deaktiviert input-Felder unterschiedlich, so versuchen zu überschreiben, Farbe, Rahmen und hintergrund anhand der Vorgaben für Ihre Plattform (z.B. Windows) kann das styling auf anderen Plattformen (z.B. Mac).

Es ist in der Regel nicht eine gute Idee, um das überschreiben der Standard-Stilelemente, die die Nutzer erwarten, aber wenn Sie dies tun muss, dann sollten Sie sicherstellen, dass readonly/disabled Eingabefelder sind optisch erkennbar von standard-diejenigen, und verwenden Sie benutzerdefinierte styling, das ist nicht Plattform-spezifisch.

InformationsquelleAutor darsh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.