Entferne die 'Löschen' Taste bei der Datumseingabe (iOS Safari)

8

Ist es möglich, die Schaltfläche "Löschen" eines Eingabefelds <input type="date"> in iOS Safari zu entfernen ( Bild )? Ich habe versucht, mit erforderlich, aber es funktioniert nicht auf iOS6 oder iOS7.

    
Rob Fox 13.11.2013, 12:04
quelle

1 Antwort

6

Tatsächlich ist dies ziemlich einfach zu erreichen, indem eine "Pseudo-Klasse" für alle aktuellen Browser spezifiziert wird.

Wenn die Eingabe auf "erforderlich" gestellt wird, um die Löschtaste zu löschen, funktioniert das nicht ...

%Vor%

- Versuchen Sie dann die folgende Pseudoklasse -webkit-clear-button , um sie speziell für Webkit-basierte Browser zu stylen:

%Vor%

Sie könnten auch andere interessante Pseudo-Elemente zum Formatieren der Datumseingabe erkunden.

ZB: (Verstecke den Spinner von der Datumseingabe)

%Vor%

Bei IE könnte dies erreicht werden, indem Internet Explorer 10+ mit dem Pseudoelement ::-ms-clear :

angesprochen wird %Vor%

Ich habe ein Beispiel für JSFiddle erstellt, das spezielle Pseudo-Elemente verwendet, um die Eingabe zu stylen Datumssteuerung.

Außerdem würden Sie diese zwei Stapel sehr hilfreich finden: deaktivieren Sie die Eingabe = Zeit deaktivieren Schaltfläche und css Eingabe-Datum, wie loswerden von X und Pfeil nach oben / unten Elemente

Hier finden Sie einen interessanten Artikel über Pseudo-Elemente und deren Verwendung zum Formatieren von Steuerelementen: Ссылка

    
Adriano Monecchi 06.03.2014 04:17
quelle

Tags und Links