Mudar Cor Dos Campos Se Desabilitado.

[EDENUNCIO]

Essa é a função em Java Script - ta tudo funcionando só quero q os campos quando estiverem desabilitados fiquem cinza mais escuro pra diferenciar dos campos habilitados, atualmente eles desabilitam mas ficam na cor dos outros campos dificultando ao usuario diferenciar um campo habilitado pra um desabilitado.

function desabilita() {

    if (document.resp.situacao.value == 'propria') {

        document.resp.vr_imovel.disabled= false;

    } else {

        document.resp.vr_imovel.disabled=true;

    }

        if (document.resp.situacao.value == 'alugada') {

            document.resp.vr_aluguel.disabled = false;

        } else {

            document.resp.vr_aluguel.disabled = true;

        }

            if (document.resp.situacao.value == 'financiada') {

              document.resp.vr_prestacao.disabled = false;

            } else {

                document.resp.vr_prestacao.disabled = true;

            }

}

Esse comando coloco no select

onclick="desabilita();"

Esse comando coloco nos campos q ficam todos desabilitados, dependendo da opção escolhida no select eles desabilitam ou habilitam

disabled="true"

Aguem pode me dizer onde devo alterar o meu script pra diferenciar os campos habilitados para os desabilitados.

[SliM ShadY]

Olha, você sabe CSS? então, assumindo que você saiba crie duas classes habilitada e desabilitada

ai onde tiver o comando de disabled=true em baixo você coloca

document.nomeDoCampo.className = 'desabilitado';

e onde tiver disabled=false

document.nomeDoCampo.className = 'habilitado';

Qualquer coisa posta ae

[EDENUNCIO]

beleza, mas como irei criar essas classes quais serão os argumentos nela?

Não sei CSS...........

Se você puder me demostrar agradeço.....

Não sabia q era tão dificil pra mudar a cor de um campo em determinadas situação..........

[SliM ShadY]

Tá bem, vamos lá

você coloca o seguinte codigo no cabeçalho da pagina

<style type="text/css">
.desabilitado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
                border: 1px solid #000000;
                background-color: #000000;
}
.habilitado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
                border: 1px solid #000000;
                background-color: #FFFFFF;
}
</style>

dai você ajusta o seu javascript

function desabilita() {
    if (document.resp.situacao.value == 'propria') {
        document.resp.vr_imovel.disabled= false;
        document.resp.vr_imovel.className= 'habilitado';
    } else {
        document.resp.vr_imovel.disabled=true;
        document.resp.vr_imovel.className= 'desabilitado';
    }
        if (document.resp.situacao.value == 'alugada') {
            document.resp.vr_aluguel.disabled = false;
            document.resp.vr_aluguel.className = 'habilitado';
        } else {
            document.resp.vr_aluguel.disabled = true;
            document.resp.vr_aluguel.className = 'desabilitado';
        }
            if (document.resp.situacao.value == 'financiada') {
              document.resp.vr_prestacao.disabled = false;
              document.resp.vr_prestacao.className = 'habilitado';
            } else {
                document.resp.vr_prestacao.disabled = true;
              document.resp.vr_prestacao.className = 'desabilitado';
            }
}

mais fácil assim né?