Barre de recherche - addClass fonctionne mais n'applique pas le style.

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

Bonjour,

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

Il faut écrire :

Code:

---

1 2 3

#search.extend { ... }

---

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

Citation:

---

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

---

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