Distinguer les 2 input du module Recherche

Si vous désirez  que chacune de ces 2 parties ait un design particulier




Vous rajoutez dans le CSS la ligne

.recherche input { }

Elle concerne les 2 rectangles.
Mais vous allez y faire les modifications du 1er rectangle - celui de saisie - en rajoutant la couleur d'écriture, de fond, la longueur, la largeur...

Pour le design du 2nd rectangle - celui où il y a écrit Recherche - vous allez rajouter dans le CSS la ligne

.recherche .button {}

---

Dans mon exemple :

Pour le 1er rectangle, j'ai

• mis un fond particulier
• mis une bordure
• fixé sa largeur à 200px
• mis une couleur de saisie

.recherche input{ background-color:#3c4157;border:1px solid #000033;width:200px;color:#d8e2ec;}

Ces modifications sont apparus sur les 2 rectangles, j'ai alors décidé, pour le 2nd rectangle, de

• mettre la largeur à 70px
• un autre fond
• une autre couleur d'écriture
• de centrer le mot Recherche

.recherche .button {width:70px;background-color:#d8e2ec;color:#3c4157;text-align:center;}