Nous aimons tous le fashion magnifique type contrôles mais, en raison des différences entre les affichages du système d’exploitation, leur fashion peut être pénible. En raison de cette douleur, nous avons créé des dizaines de bibliothèques pour simuler ces contrôles. Malheureusement, cela se fait parfois au détriment de l’accessibilité, des performances, and many others.
Un contrôle qui a traditionnellement été difficile à coiffer est le enter(sort=file) élément. A dit enter variation contient visuellement un bouton et du texte, le tout étant cliquable. Un peu un monstre de Frankenstein si vous me demandez. Pouvons-nous cependant styliser la partie bouton? Nous pouvons!
Pour styliser la partie bouton du bouton de enter(sort=file)vous pouvez utiliser ::file-selector-button:
enter(sort=file)::file-selector-button {
border: 1px strong inexperienced;
background: lightgreen;
}
Styliser ce enter variante n’était pas potential lorsqu’elle a été introduite pour la première fois. WebKit a d’abord permis de styliser des contrôles de formulaire complexes, et nous ne les remercierons jamais assez !
La poste CSS ::bouton-sélecteur-de-fichier est apparu en premier sur David Walsh Weblog.
