Forums : Xul, Xbl, JS...

Aller à la discussion :  Plus récente Plus ancienne

# [Résolu]Pseudo classe css focus

Envoyé par : Christophe Charron

Date : 18/02/2009 22:40

Bonsoir,

il existe pour (x)html la pseudo classe focus

input:focus{
 background-color:green;
}

Existe-t'elle en xul ?

# Re: Pseudo classe css focus

Envoyé par : Paul Rouget

Date : 19/02/2009 07:56

Oui.

# Re: Pseudo classe css focus

Envoyé par : Christophe Charron

Date : 19/02/2009 08:25

Merci Paul pour cette réponse.

Mais ma question n'était pas assez précise ... je la complète par

et si oui, comment l'utiliser ?

textbox:focus{
 background-color:green;
}

n'a pas l'effet escompté. Comment dois-je procéder ?

# Re: Pseudo classe css focus

Envoyé par : mistervince

Date : 19/02/2009 10:43

boujour,

essaye en appliquant la pseudo-classe sur l'input du textbox :

textbox .textbox-input:focus {
   background-color: green;
}

a l'air de fonctionner

# Re: Pseudo classe css focus

Envoyé par : Paul Rouget

Date : 19/02/2009 18:18

@christophe: publie une démo.

# Re: Pseudo classe css focus

Envoyé par : Christophe Charron

Date : 19/02/2009 19:54

Paul Rouget a écrit:

@christophe: publie une démo.

de ?

# Re: Pseudo classe css focus

Envoyé par : Christophe Charron

Date : 19/02/2009 20:43

mistervince a écrit:

boujour,

essaye en appliquant la pseudo-classe sur l'input
du textbox :

textbox .textbox-input:focus {
background-color: green;
}

a l'air de fonctionner

Oui, merci cela fonctionne.

Par contre,

textbox .textbox-input:focus,
textbox[multiline="true"] .textbox-input[multiline="true"]:focus {
  background-color: $vl_c_couleurfocus;
}

ne fonctionne pas pour les textbox multi-lignes !!

# Re: Pseudo classe css focus

Envoyé par : mistervince

Date : 20/02/2009 09:38

oui, parce que sous un textbox multiline, il n'y a pas de input mais un textarea !!

textbox .textbox-input:focus,
textbox[multiline="true"] .textbox-textarea:focus {
    background-color: $vl_c_couleurfocus;
}

devrait marcher

vincent

# Re: Pseudo classe css focus

Envoyé par : laurentj

Date : 22/02/2009 14:53

Et je dirais pour conclure : christophe, utilise le DOM Inspector ! ;-)

Grâce au dom inspector, tu peux savoir les styles appliqués sur chaque element, et tu vois tout les noeud anonymes générés par les XBL (quasi tout element XUL standards sont des XBL), et donc tout tes problèmes de styles dernièrement auraient pu être résolu grâce au DOM inspector :-)

# Re: Pseudo classe css focus

Envoyé par : Christophe Charron

Date : 27/02/2009 08:58

Mes excuses pour le retard dans la réponse et désolé si ces temps je suis plus consommateur que contributeur !!

Merci Laurent pour cette remarque très judicieuse.

En fait, j'utilise de plus en plus Firebug pour cela même si je ne comprends pas toujours comment, dans Firebug, sont représentées les cascades et pas mal de petites subtilités de ce genre.

# Re: [Résolu]Pseudo classe css focus

Envoyé par : laurentj

Date : 02/03/2009 12:41

Je ne suis pas sûr que Firebug te montre les noeuds anonymes générés par les XBL, donc pas sûr que tu vois vraiment le contenu des XBL.

Il n'est plus possible de poster des messages dans ce forum.


Copyright © 2003-2013 association xulfr, 2013-2016 Laurent Jouanneau - Informations légales.

Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™ sont des marques de la fondation Mozilla.