Est-il un CSS “:hover” pseudo-classe?

Me disant que j'ai un input type="file" champ. On peut déposer un fichier sur ce input(comme dans Firefox) au lieu de cliquer sur "parcourir" et sélectionnez le fichier.

Maintenant, je tiens à le personnaliser un peu, en changeant la couleur d'arrière-plan lorsque l'on est sur le point de déposer un fichier dans le input. Je ne peux pas vraiment utiliser :hover car il correspond même lorsque vous n'êtes pas le drag&drop). Est-il un CSS (pseudo-classe) pour le faire?

Et est-il un CSS façon de style différent si le fichier supprimé n'est pas acceptée et si elle est? Dire, si le domaine n'accepte que les fichiers PNG à l'aide de accept attributs, je voudrais faire le champ vert si vous êtes sur le point de déposer un fichier PNG sur elle, et en rouge si c'est un autre type de fichier.

Est-il un CSS façon de le faire aujourd'hui? Est-il prévu de façon à le faire dans CSS (comme dans les prochains specs/dans le courant des specs, mais pas implémente n'importe où)?

Il peut fonctionner à l'aide de la :invalid pseudo-sélecteur. Comme pour le "vol plané", non, pas avec le CSS seul...
Bonne idée d'utiliser effectivement le :invalid au moins pour l'instant (parce que même si je ne pense pas que de ça, en fait, je veux montrer que "normalement, le fichier sélectionné" n'est pas acceptable)

OriginalL'auteur Xenos | 2017-03-17

  1. 8

    Il est :drop et :drop() pseudo-classe, qui est actuellement en Projet De Travail état.

    Selon http://css4.rocks/selectors-level-4/drag-and-drop-pseudo-class.php, la prise en charge du navigateur n'est pas bon.

    Pour "fichier supprimé n'est pas acceptée", :drop(invalid active) est prévu pour fonctionner à l'avenir.

    Merveilleux ! CSS4 porterait (que le CSS3 n') beaucoup de fonctionnalité 🙂 Merci, parce que je ne l'ai pas vu dans la spec, lors de la recherche
    "fichier supprimé n'est pas acceptée" sonne comme il devrait être :liste(non valide active) et pas seulement :drop(non valide), mais je suis juste ramasser les lentes.
    Bonne prise! J'ai édité ma réponse.

    OriginalL'auteur shaochuancs