Modifier graphiquement un formulaire

Bonjour,

j'aimerai savoir comment modifier graphiquement un élément d'un formulaire, plus particulièrement l'input de type text?

Par exemple celui "Recherche" d'alsacréation est arrondi avec une image à sa gauche ( à l'intérieur ).

Ma première idée serait tout d'abord de créer une div qui présenterai graphiquement l'élément, puis qui mettre à l'intérieur l'input en html, en y masquant les bords?

Merci d'avance

Bonjour,

Pour styler un élément de formulaire, on va utiliser input.
Dans l'exemple choisit, un bête arrière-plan a été affecté à ce dernier.

D'autres possibilités existent comme par exemple le code suivant qui définit une couleur pour le texte, une couleur d'arrière-plan et une bordure à l'élément de formulaire.

input {
  color: #4D4D4D;
  border: 1px solid #969696;
  background: #ECF1F2;
}

Je te remerci pour ta réponse, mais si on applique un arrière plan, cela veut dire que l'input n'est pas extensible? Ou alors il faut utiliser 3 div? ( gauche, centre, droite ), pour y placé l'input dans "centre" ?