IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Ombrage sur champ Input


Sujet :

Ombre portée en CSS avec box-shadow

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de stanley
    Webmaster
    Inscrit en
    Décembre 2004
    Messages
    270
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2004
    Messages : 270
    Par défaut Ombrage sur champ Input
    Bonjour tout le monde,

    Une question très simple : Comment appliquer une ombre intérieure sur un champ de formulaire (input) en CSS

    Aussi, une question un peu délicate : Comment appliquer une bordure sur un champ de formulaire quand celui-ci est actif (Etat cliqué).


    Merci pour vos réponses.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    65
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 65
    Par défaut
    Il faut que tu utilise le javascript pour faire ca et modifier dynamiquement les styles.

  3. #3
    Membre éclairé Avatar de stanley
    Webmaster
    Inscrit en
    Décembre 2004
    Messages
    270
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2004
    Messages : 270
    Par défaut
    Je suppose que tu parles de la bordure.

    Mais s'agissant de l'ombrage ?

  4. #4
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    Salut!

    Pour l'ombrage:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    input{
        background: url(tonImageReprésentantUneOmbrePortéé.gif) no-repeat 0 0;
    }

  5. #5
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Citation Envoyé par stanley Voir le message
    Comment appliquer une bordure sur un champ de formulaire quand celui-ci est actif (Etat cliqué).
    Si j'ai bien compris la question:

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    input:focus {border:2px solid red;}

    Malheureusement IE ne sait pas interpréter la pseudo-class : focus
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  6. #6
    Membre éclairé Avatar de stanley
    Webmaster
    Inscrit en
    Décembre 2004
    Messages
    270
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2004
    Messages : 270
    Par défaut
    Citation Envoyé par Candygirl Voir le message
    Si j'ai bien compris la question:

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    input:focus {border:2px solid red;}

    Malheureusement IE ne sait pas interpréter la pseudo-class : focus
    Aye, j'avais peur de cela !

Discussions similaires

  1. Simuler clic sur champs input text
    Par mikl86 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/11/2012, 14h25
  2. Problème de style CSS sur champ input text
    Par elekaj34 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 14/12/2011, 10h53
  3. selectOneMenu et action sur champ input
    Par LGB9498 dans le forum JSF
    Réponses: 6
    Dernier message: 05/05/2010, 11h34
  4. Curseur inactif sur champ input
    Par Kara dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 28/01/2010, 15h51
  5. saisie semi-automatique sur champs input sans submit du formulaire
    Par j0hnmerrick dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/10/2007, 17h54

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