Salutation à tous,

Alors voila j'aimerais savoir comment coloré le fond d'une zone de saisie (blanche par defaut)
j'aimerais aussi savoir si il y a un moyen de changer la couleur du curseur ainsi que la couleur du text entré dans la zone de saisie...

Voila merci d'avance

style="color:red; cursor:pointer; ..."

De rien

(Hum) Salut Mai lan.
Je vais faire abstraction du fait que je n'ai pas un bon souvenir de toi ; une zone de saisie est un élément INPUT, ou TEXTAREA ; je suppose que c'est ce dont tu parles.

Définis-leur simplement une couleur ou une image de fond, à ta guise.
Pour le sélecteur concernant les éléments INPUT, attribue une classe à tes champ de texte et définis-leur les propriétés en question : input.classe{}
C'est encore la meilleure manière, puisque les sélecteurs d'attributs ne sont pas encore pris en charge par tous les navigateurs ; je ne citerai pas IE.

Idem pour la couleur du texte ; relis les cours, il s'agit de la propriété color.
Et encore idem pour le curseur ; fais une recherche ou va lire les cours.

Edith : Luigifab, non, les styles intégrés c'est pas beau et de toute manière ça ne fera pas long feu.

Citation : Asibasth

input[type=text]

{
    Youpi c'est la fête
} 

C'est quoi ce code CSS, j'avai jamais vu. Ca fonctionne ?

Par exemple, on pourai faire ça pour avoir les input jaune et les boutons d'envoi rouge ?



Si ça marche, c'est pas mal ça m'évitera de mettre des class à mes submit à l'avenir !

Je me demande si on me lit parfois.

Il s'agit d'un sélecteur d'attribut ; inutile de les utiliser, ou alors à prendre avec un complément JS alourdissant, pénalisant, invalide et inutile, puisqu'il n'est pas pris en charge par tous, IE en tête.

A vrai dire je suis entrain d'apprendre le PHP, pour ce qui est du HTML j'avais suivis les cours de matheo de la premiere heure (a l'epoque ou il n'y avait pas de CSS)donc je m'y suis jamais remis, (faudrais que j'y pense )

J'aurais juste voulu avoir un bout de code a mettre dans mon fichier CSS qui permette de modifier la couleur du fond, de l'ecriture dans la zone de saisie et eventuellement du curseur...

On me renvoit au cour tant pis xD

Je t'ai renvoyé aux cours, mais je t'ai également donné toutes les réponses.
Tu as besoin d'une classe pour tes champs de texte, des propriétés background(-color ou -image) et de color.

Citation : .

Tu as besoin d'une classe pour tes champs de texte

Justement je saisi pas trop la...



Je pense que je dois faire quelquechose dans ce style dans le fichier css mais c'est juste en haut je sais pas quoi mettre -_-'

Citation : atly

Pour le sélecteur concernant les éléments INPUT, attribue une classe à tes champ de texte et définis-leur les propriétés en question : input.classe{} (...)

C'est une blague ?

Bon je vais etre plus clair



Ce code ne marche pas (rien ne change) donc bon j'essai de cherché ailleur, de tout recapitulé...

Je vais également être plus clair : il ne faut pas utiliser de sélecteur d'attribut tel que [type=text] car non pris en charge par IE ; ça fait trois fois que je le dis.

Définis une _classe_ à ton champ de texte (explicitons puisque besoin en est : <input type="text" class="input" (...) /> ; puis input.input{ //propriétés } ).

Si tu n'utilise pas IE, il faut que tu revoies si par hasard tu n'écrases pas ton background-color par ailleurs.
Ah et puisqu'il faut le répéter : il s'agit de la propriété color, et non text-color.

bon je vais essyé de te répondre avec ce que je sais:
dans ton html je pense qu'il faudrait mettre ça :

Et dans le css :


Voilà ce que j'aurais éssayé mais j'ais très bien compris leurs histoire de [type=text] qui apparemment n'est pas valide donc j'éspère que ça t'aideras.

Si, c'est valide. Mais c'est trop tôt pour l'utiliser tel quel.
Pour le reste, c'est exactement ce que j'ai dit.

++,
atly

Merci à toi sa marche trés bien

j'aurais deux derniere question peut on enlever le cadre du input ? pour modifier la couleur du curseur comment fait on ? 'j'ai mis cursor: green; ou encore cursor-color: green; mais sane fonctionne pas...)

Merci encore

Non ça ne fonctionne pas.
http://www.w3schools.com/css/pr_class_cursor.asp
Voici les valeurs possibles pour la propriété cursor.

Le cadre du input est une bordure. Donc annule la bordure en modifiant la valeur de la propriété border à none.

Merci beaucoup a tout le monde

Sujet clos