Изменение текста в стороке ввода

[om]

Добрый день!
Возникла маленькая проблема.
Есть модуль "рассылка новостей", где нужно ввести свою почту и нажать подписаться.
В строке ввода почты, у меня висит надпись "введите Ваш email". Вот эту надпись я бы хотел отредактировать. Точнее ее атрибуты.
Хочу изменить шрифт на курсив и цвет поставить светлее. Но не могу разобраться как его изменить. Помогите.

.tpl
<input type="text" name="email" size="18" value="{if isset($value) && $value}{$value}{else}{l s='введите ваш email' mod='blocknewsletter'}{/if}" onfocus="javascript:if(this.value=='{l s='your e-mail' mod='blocknewsletter'}')this.value='';" onblur="javascript:if(this.value=='')this.value='{l s='your e-mail' mod='blocknewsletter'}';" />

.css
/* ————— blocknewsletter.tpl ————— */
#newsletter_block_left div.block_content {padding-top:5px;}
#newsletter_block_left input {width:180px;height:17px;margin:10px 0 0 0;}
#newsletter_block_left select {width:182px;margin:10px 0 0 0;}
#newsletter_block_left input.button_mini {width:180px;text-transform:capitalize;}

Большое спасибо

[Виктор Демидов]

Добавить класс в стили.
Задать font-size, color ...
Для input назначить новый класс.

[om]

Уже выгляжу вот так 
Все это пытаюсь сделать, но пропадает поле ввода текста, только текст остается. <div> тоже не помогает.
Помогите как последнему идиоту. Уже голова кипит. Подскажите, пожалуйста, на простом примере.


/* —————————————————————————————— global form styles —————————————————————————————— */
form.std {clear:both;}
form.std h3 {padding:14px 5px 5px 0;border-bottom:2px solid #eee;}

form.std fieldset {border:none;}

form.std h4,
form.std p {padding:12px 0 0 0;clear:both;}

/* global form styles */
input[type=text],
input[type=password],
input[type=file],
textarea,
select {background:#fff;border:1px solid #bdc2c9;font:normal 12px "Arial";color:#555;}

/* form labels */
form.std .text label,
form.std .password label,
form.std .textarea label,
form.std .select label,
form.std .select span,
form.std .radio span,
form.std .checkbox span {float:left;text-align:right;width:150px;padding:2px 7px 0 0;}

form.std .text label,
form.std .text span,
form.std .password label,
form.std .password span,
form.std .textarea label,
form.std .textarea span,
form.std .select label,
form.std .select span,
form.std .radio label,
form.std .radio span,
form.std .checkbox label,
form.std .checkbox span {font:normal 12px "Arial";color:#555;}

form.std span.inline-infos {display:block;padding:2px 0 0 157px;font:normal 11px "Arial";color:#555;}

span.editable {font:normal 12px/19px "Arial";color:#555;}

/* selects */
select {height:19px;}
form.std p.select select {width:210px;}

select#days {width:45px;margin:0 8px 0 0;}
select#months {width:85px;margin:0 8px 0 0;}
select#years {width:58px;}

/* text inputs */
input.text {height:15px;padding:1px;}

p.text input,
p.password input {width:206px;height:15px;padding:1px;}

/* textarea */
textarea {padding:1px;}

[om]

UP

[Виктор Демидов]

Для простого примера уже все написано.

Добавить класс в стили.
Задать font-size, color ...
Для input назначить новый класс.

Так вы можете менять шрифт в поле "введите Ваш email".

[om]

Все это пытаюсь сделать, но пропадает поле ввода текста, только текст остается.

[Виктор Демидов]

TPL

Код: [Выделить]

<input class="myclass" type="text" name="email" size="18" value="{if isset($value) && $value}{$value}{else}{l s='введите ваш email' mod='blocknewsletter'}{/if}" onfocus="javascript:if(this.value=='{l s='your e-mail' mod='blocknewsletter'}')this.value='';" onblur="javascript:if(this.value=='')this.value='{l s='your e-mail' mod='blocknewsletter'}';" />
CSS

Код: [Выделить]

.myclass {font-size:20px;color:#555;}