+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Responsable Développement Web


    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 788
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 788
    Points : 92 277
    Points
    92 277
    Billets dans le blog
    20

    Par défaut Donner du style aux listes déroulantes



    Catalin Rosu vous propose un nouvel article : Donner du style aux listes déroulantes.

    Donner du style aux listes déroulantes a toujours été compliqué. L'élément <select> est un de ceux qui vous donnent envie de vous arracher ce qu'il vous reste de cheveux s'il vous prend l'envie de le styliser. Comme vous le savez, peu de règles CSS s'appliquant à cet élément à part des styles comme color, background, font ou border.

    Dans cet article, plutôt que d'essayer d'appliquer des styles à l'élément HTML <select>, nous allons utiliser une autre approche basée sur des techniques récemment implémentées comme @supports, pointer-events et appearance.
    Comme toujours, n'hésitez pas à faire part de vos remarques et suggestions, voire à proposer les listes déroulantes que vous auriez pu créer à l'aide de cet article.

    Donner du style aux listes déroulantes.

    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Expert Confirmé Sénior
    Avatar de pc75
    Profil pro
    Inscrit en
    septembre 2004
    Messages
    3 662
    Détails du profil
    Informations personnelles :
    Âge : 60
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : septembre 2004
    Messages : 3 662
    Points : 4 015
    Points
    4 015

    Par défaut

    Bonjour,

    Le lien Voir une démo en ligne. ne fonctionne pas
    Par principe, je ne réponds pas aux messages URGENT.
    Il n'y a pas de choses urgentes, il n'y a que des choses en retard. (un inconnu)
    Pas de questions techniques en MP.

  3. #3
    Responsable Développement Web


    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 788
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 788
    Points : 92 277
    Points
    92 277
    Billets dans le blog
    20

    Par défaut

    C'est corrigé !

    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Réponses: 1
    Dernier message: 24/08/2007, 12h46
  2. Liste déroulante se complétant avec style access
    Par bbo1991 dans le forum JavaScript
    Réponses: 3
    Dernier message: 05/07/2007, 10h03
  3. Réponses: 1
    Dernier message: 14/06/2007, 20h00
  4. donner une valeur nulle pour une liste déroulante
    Par sam01 dans le forum Formulaires
    Réponses: 3
    Dernier message: 15/10/2006, 15h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo