Discussion :

[thirt]

Bonjour à tous,

désolé de vous déranger de nouveau pour ce sujet mais je ne comprends pas pourquoi j'arrive à ajouter une classe mais que, par la suite, le style de cette nouvelle classe n'est pas appliqué.

En fait, je clique sur la première image qui va ajouter une nouvelle classe (.extend). Cette classe est censée agrandir le champ texte de recherche mais ça ne fonctionne pas.

Par contre, lors du clique sur cette 1ère image, une 2ème image remplace la 1ère et, quand on clique sur cette 2ème image, il y a un message qui est affiché. Cette partie fonctionne.

Voici une copie de mon code :

https://codepen.io/thirt/pen/bGbpJRb

Merci à vous.

Bonne journée
Thierry

[Invité]

Bonjour,

dans le CSS :
La classe .extend n'est pas assez "forte" pour surpasser #search.

Il faut écrire :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#search.extend {
...
}

• Voir : Règles d'application des styles CSS et gestion des conflits

"La route est longue, petit scarabée !"

N.B. Pourtant, je t'avais donné un code fonctionnel... Full CSS !