Cseréld le erre a css-t. És látszani fog a beleírt szöveg is.
input, textarea
{
border: 1px solid #CCCCCC;
color: #000000;
font-size: 12px;
height: 25px;
margin: 0;
padding: 2px;
}
ha egy tulajdonságnak több értéket szeretnél megadni, érdemes betartani az erre vonatkozó szabályokat.
W3Schoolspadding:25px 50px 75px 100px;
* top padding is 25px (felső)
* right padding is 50px (jobb oldali)
* bottom padding is 75px (alsó)
* left padding is 100px (bal oldali)
Ezt csak azért mondom, hogy mind a 4 értéket meg kell adni. (kevesebb hibalehetőség) Az nem baj, ha a többi 0 (nulla).
És a példa, hogy miért nem látszódott a beírt szöveg.
# padding:25px 50px;
* top and bottom paddings are 25px
* right and left paddings are 50px
Te csak két értéket adtál meg. Jelenleg i formájában:
input, textarea {
.....
margin:10px 0;
padding:10px 0;
....
}
vagyis a az elem távolsága más elemektől (margin) -> föntről - lentről 10 px
az elemben lévő tartalom belső távolsága az elem keretétől (padding) -> föntről - lentről 10 px
ui. és a betűméret is 20-as. Ami már alapból kilóg az input mezőből és ezt fűszerezve alsó fölső paddingal, már nem is látszik a beírt szöveg.