Discussion :

[fredericmarcel]

La taille du placeholder est la même que celle du textarea (30px).
Est-il possible de la réduire à 15px?

http://jsfiddle.net/fredericmarcel/0ax1n0y9/

Merci de votre aide.

La solution :

Code :

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

1
2
3
4
 
.saisie #zonetexte:empty {
      font-size:20px;
      line-height:2;

[NoSmoking]

Bonjour,
tu es sûr que cela fonctionne !?!

Autre chose : line-height:2; sans unité ne veux rien dire.

[fredericmarcel]

Tu as raison, ça ne fonctionne pas : le text que l'on saisit dans la textarea devient de la même taille que le placeholder.
Je veux une taille de police de 30 pour le textarea et de 18 pour le placeholder.

http://jsfiddle.net/fredericmarcel/1mrg1x8z/

J'ai supprimé " line-height:2; ". Merci.

[CCyrillus]

Je* ne savais pas trop ou te répondre, du coup c'est ici, je te laisse mettre à jour ton autre topic

JavaScript n'est pas forcement nécessaire.
Pour infos :
qui verra probablement le jour : http://www.w3.org/TR/selectors4/#placeholder
et un tuto au hasard https://css-tricks.com/snippets/css/...ceholder-text/ .

Dans ton cas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#zonetexte {
        font-size: 30px;
        line-height: 2;
         display:block; 
        width:100%; height:100%;
        padding:20px; box-sizing:border-box;
        border:6px solid #00CC00; border-radius:15px;
        padding:5px; box-sizing:border-box;
        text-align: left;
        color: blue;
        outline-style: none;
    }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size:20px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size:20px;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:20px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size:20px;
}

Code :

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

<textarea id="zonetexte" placeholder="tapez votre texte" autofocus ></textarea>

Fiddle à jour a tester: http://jsfiddle.net/0ax1n0y9/3/

++

* : gc-nomade

[fredericmarcel]

Cette fois-ci, ça marche. Merci.

[NoSmoking]

Indépendamment du fait que cette propriété pourra surement être utile, je me pose quand même la question, dans ton cas, de l'intérêt de modifier la taille de la police, il me semble qu'il y a un manque de cohérence de l'ensemble.