(Resolvido) Formulário muda a cor de tudo.

[BMonteiro]

E aí pessoal,

Estou tentando fazer um formulário onde quando a pessoa clicar no campo para digitar as informações, ele mude de cor. Eu sei que é só frescurinha, mas deixa o formulário mais bonito. :rolleyes:

Só que acontece que, quando eu coloco a cor que vai aparecer quando o mouse passar por cima, por algum motivo, ele tá tomando a tabela inteira.

Screen:

Era pra ficar SÓ no campo, não na tabela toda.

Meu código CSS:

}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333C59; }
input { 
background-color: #CFD8EB; 
font: 10px verdana, arial, helvetica, sans-serif;
color:;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;
border-right: 1px dotted #999999;
border-left: 1px dotted #999999;
padding: 1px;

}
input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus,
table tr:hover {
    background-color: #003399;
}

</style>

[SK15]

Ora mas você está mandando ele fazer isso ... é só tirar esse pedaço do código:

table tr:hover

[BMonteiro]

Mas aí que tá, eu tirei isso já, mas aí para de funcionar. :S

Update:

Consegui resolver isso.

Seguindo a dica acima, eu só tirei o "tr" e agora ele completa só o que deve. :)

Resolvido!

Editado Agosto 19, 2009 por BMonteiro