Supprimer bouton "clear" sur la date d'entrée (iOS safari)

Est-il possible de supprimer le bouton "effacer" d'un <input type="date"> champ de saisie sur iOS Safari (image)?
J'ai essayé d'utiliser, mais il ne fonctionne pas sur iOS6 ou iOS7.

OriginalL'auteur Rob Fox | 2013-11-13

  1. 6

    En fait, c'est assez simple à réaliser par la spécification d'un "pseudo-classe" pour toutes les mises à jour des navigateurs.

    Si le réglage de l'entrée pour "nécessaire" pour supprimer le bouton supprimer ne fonctionne pas...

    <input type="date" required="required" />

    -
    Alors essayez la pseudo-classe -webkit-clair-bouton de style spécifiquement pour webkit-navigateurs:

    /* Hide the clear button from date input */

input[type="date"]::-webkit-clear-button {
 -webkit-appearance: none;
  display: none;
}

    Vous pouvez aussi explorer d'autres intéressant les pseudo-éléments de style de la date d'entrée.

    E. g: (Masquer le bouton fléché à partir de la date d'entrée)

    /* Hide the spin button from date input */

input[type="date"]::-webkit-inner-spin-button { 
  -webkit-appearance: none;
  display: none;
}

    Sur IE, il pourrait être réalisé par le ciblage d'Internet Explorer 10+ en précisant le ::-ms-clear pseudo-élément:

    input[type="date"]::-ms-clear {
 display: none;
}

    J'ai construit un exemple sur JSFiddle ce qui rend l'utilisation de pseudo-éléments sont nécessaires pour le style de la date d'entrée de contrôle.

    En outre, vous auriez trouvé ces deux piles très utile: désactiver l'entrée=temps clair bouton et css entrée-date comment se débarrasser de x et vers le haut/flèche vers le bas des éléments

    Voici un article intéressant sur les Pseudo-Éléments et comment les utiliser pour le style de contrôles de formulaire: http://goo.gl/Y69VN6

    Affiche toujours le bouton effacer, testé sur iOS7 safari (iPad AIR).
    Fox, je vois. - Avez-vous essayé de placer le !déclaration importante, juste au cas où le navigateur ne prend pas cela comme une priorité? - Je l'ai juste testé sur iOS7 et il semble fonctionner hors de la boîte. voir l'image.
    ne pas Limpar dire clairement?
    Oui, en effet "Limpar" en portugais signifie "Clair" en anglais, au moins dans le contexte que nous parlons. Avez-vous des progrès sur ce btw?
    Hey @Rob Fox, je suis tellement désolé, mais il s'avère que j'ai totalement raté le point de votre question...Maintenant, en observant attentivement sur l'image que vous avez fournies, je comprends ce que tu veux dire avec "pour supprimer le bouton effacer" - Vous parlez le bouton dans la fenêtre pop-over sur iOS sur l'iPad ainsi que sur l'iPhone, à droite?. Je pensais que vous étiez de mentionner la touche clear de la date d'entrée tels comme ceci voir l'image. Eh bien, nous allons donc la recherche sur le sujet! Allez-vous développer une application web ou un hybride/application native?

    OriginalL'auteur Adriano Monecchi