0
votes

Comment gîter chaque option dans SELECT pour utiliser une police différente (à l'aide de la structure matérialisée CSS)

Je veux styler chaque option dans Select d'utiliser une famille de polices différente dans la structure CSS matérialiser montré dans Cet URL IMG Je l'ai atteint en coiffant chaque option avec une pièce d'identité issue de l'utilisation d'un élément d'inspection mais qui ne reste pas et réinitialise lorsque le navigateur est actualisé de
ID est généré automatiquement et ressemble à ce

li#select-options-5ea35c39-e3ba-6859-c611-43359ab710b32{
font-family: 'Homemade Apple', cursive !important;
font-size: 25px;}

html css materialize

4 commentaires

Quel cadre JavaScript utilisez-vous?

Matérialiser JS (pour implémenter matérialiser Sélectionnez le style) et Vanilla JS pour mes propres fonctions

Une solution basée sur JS sera-t-elle? Ou cherchez-vous une bonne CSS?

Oui, je peux essayer de mettre en œuvre une solution JS .. S'il vous plaît me guider avec une solution connexe DOM

3 Réponses :

0
votes

Vous pouvez l'utiliser dans votre CSS

p:nth-child(2) {
  background: red;
}

1 commentaires

Très bien content que ça a fonctionné .. !! Pouvez-vous upvote ma réponse :)

0
votes

Vanilla JS Solution ( Démo ) < Pré> xxx

0 commentaires

0
votes

@kushal ça a fonctionné merci .. Maintenant, je l'ai eu .. J'ai ciblé l'élément de span après chaque nième enfant xxx

et ainsi de suite .. Voici le résultat https://ibb.co/gvfmywq

0 commentaires