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 :

Modifier la hauteur du curseur d'un INPUT text


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Développeur informatique
    Inscrit en
    Août 2006
    Messages
    24
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2006
    Messages : 24
    Par défaut Modifier la hauteur du curseur d'un INPUT text
    Bonsoir,

    Je souhaiterais pouvoir diminuer la hauteur du curseur des champs INPUT tout en conservant la taille de la police (entendons nous bien je ne parle pas du curseur de la souris!!!).

    Cela est-il possible en CSS ??

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Non, ce n'est pas possible en CSS.

    Ce n'est d'ailleurs possible en aucun langage.

  3. #3
    Membre averti
    Profil pro
    Développeur informatique
    Inscrit en
    Août 2006
    Messages
    24
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2006
    Messages : 24
    Par défaut
    Bah! Je m'en doutais un peu à vrai dire..

    En fait, je travaille sur un système d'edit-in-place (un élément éditable se change en input quand on clique dessus) et dans l'idée de faire ressembler au maximum l'input à l'élément de départ, je souhaitais réduire la hauteur du curseur car il me semble qu'elle définit la hauteur mini de l'input. Bref..

    Sinon, avez-vous des idées pour que les deux éléments se ressemblent un maximum indépendamment de la police employé ?

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ben tu utilises le même style (taille, famille, ..) de police pour tes deux éléments. La hauteur de l'input s'adapte à la taille du texte, donc si ton texte fait 10px, ton input sera moins haut que si ton texte en fait 15.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. CSS d'un input : Modifier la hauteur du "value"
    Par lebanner59 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 17/11/2014, 11h58
  2. [HTML] Propriétés pour modifier le nombre de ligne d'un input text ?
    Par Thauglor dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 17/05/2006, 12h05
  3. faire passer le curseur d'un input text à un autre automatiq
    Par calitom dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 04/04/2006, 11h21
  4. Index du curseur dans un input type=text
    Par antonus dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/09/2005, 18h52
  5. modifier la couleur d'un texte dans un input text
    Par mic79 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 05/01/2005, 17h45

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