alterar cor dinamicamente

[andressa 0]

OláAlguém pode me dar uma dica de como alterar dinamicamente a cor de um input? Quero colocar no focus e no blur para deixar o campo com foco em destaque. Só que não sei os nomes das propriedades.Obrigada

[d.eleete 0]

Quando você passar o mouse no campo ele muda a cor de fundo é isso?

[thiagocs 0]

<input class="news" onFocus="this.className='news2';" onBlur="this.className='news';" type="text" name="email" size="16">

[d.eleete 0]

Puts...fiz esse agora.. aqui funcionou...

 

<input name="txtTeste" type="text" onMouseOver="this.style.backgroundColor = '#000000';" onMouseOut="this.style.backgroundColor = '';" size="30">

 

No caso do codigo do tiago, você vai ter q criar o Style no topo da página...

 

Veja qual se enquadra melhor :P

[alicacwb 0]

<form name="contato" method="post" action="mailto:alinecamila@hotmail.com">          <table width="678" border="0" cellspacing="0" cellpadding="3" class="conteudo">            <tr>               <td height="45" colspan="3"></td>            </tr>            <tr>               <td width="152" align="right">Nome:</td>              <td colspan="2"> <input name="nome" type="text" size="40" maxlength="50" class="textfield" onFocus="className='textfield2';" onBlur="className='textfield';"></td>            </tr>            <tr>               <td align="right">E-mail:</td>              <td colspan="2"><input name="email" type="text" size="40" maxlength="50" class="textfield" onFocus="className='textfield2';" onBlur="className='textfield';"></td>            </tr>            <tr>               <td align="right">Assunto:</td>              <td colspan="2"><input name="assunto" type="text" size="40" maxlength="50" class="textfield" onFocus="className='textfield2';" onBlur="className='textfield';"></td>            </tr>            <tr>               <td align="right" valign="top">Texto:</td>              <td colspan="2"><textarea name="texto" cols="39" rows="6" wrap="VIRTUAL" class="textfield" onFocus="className='textfield2';" onBlur="className='textfield';"></textarea></td>            </tr>            <tr>               <td align="center"></td>              <td width="253" height="30" align="right" valign="bottom"><input name="enviar" type="submit" value="Enviar" class="textfield" onMouseOver="className='textfield2'" onMouseOut="className='textfield'">               </td>              <td width="255" align="center"> </td>            </tr>          </table>        </form>

<STYLE>.textfield{    BORDER-RIGHT: #006699 1px solid;    BORDER-TOP: #006699 1px solid;    FILTER: Alpha(Opacity=50);    FONT: 8pt Verdana;    TEXT-TRANSFORM: none;    BORDER-LEFT: #006699 1px solid;    COLOR: #333366;    BORDER-BOTTOM: #006699 1px solid;    BACKGROUND-COLOR: #ffffff;    TEXT-DECORATION: none}.textfield2{    BORDER-RIGHT: #0099cc 1px solid;    BORDER-TOP: #0099cc 1px solid;    FILTER: Alpha(Opacity=80);    FONT: 8pt Verdana;    TEXT-TRANSFORM: none;    BORDER-LEFT: #0099cc 1px solid;    COLOR: #333366;    BORDER-BOTTOM: #0099cc 1px solid;    BACKGROUND-COLOR: #ffffff;    TEXT-DECORATION: none}</STYLE>

Alica CWB :D