Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kadix

COR no formulário em CSS??

Recommended Posts

Oi Pessoal, alguém saberia me dizer como faço para colocar cor nos formuylários, quero colocar a cor no lugar onde é inserido os dados, tem como fazer isso com CSS? :angry: obrigada pela ajuda desde já

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem sim...pode se usar esse código...<style type="text/css"><!--input { background: #d0d0d0; font-family: verdana; color: black; font-size: 11px; border-color: black; border-width: 1; border-style: solid;}--></style>esse código cria um estilo para todos os inputs inclusive botões...se você quiser adicionar somente aos campos de texto é só colocar:<style type="text/css"><!--input.[nome_classe] { background: #d0d0d0; font-family: verdana; color: black; font-size: 11px; border-color: black; border-width: 1; border-style: solid;}--></style>e aí no input colocar isso....<input class='[nome_classe]'></input>espero ter ajudado....qualquer dúvida estamos aí....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá N4ndo,sua resposta está corretissima, ams veja no meu caso, o css que tenho em uma das paginas:<style type="text/css"><!--.textoverde { color: #33CC99; font-size: 8pt; font-family: verdana; font-weight: bold}.texto { color: #666666; font-size: 8pt; font-family: verdana}.caixa { color: #ff6600; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif}.textoindex { color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif}.botaoopiniao { color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}.textotitulos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; text-decoration: none; color: #FFFFFF}.botao { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}a.botao { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}a.botao:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: none}.barra { border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 0.5px; border-bottom-width: 1px; border-left-width: 0.5px}.bordapontilhada { border: 1px #FF9900 solid}.bordacinza { border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}--></style>Veja está nomeada e se eu colocar um class=nome qualquer, irá ficar de acordo com o estilo nomeado, entende??Então, diria que isso funciona em qualquer lugar, seja texto normal link (caso tenha o css certo), seja form, caixa, button e por ai vai... tenho em meus form, uma coloração meio amarelada, que se não me engano, o nome é vermelhão, dê uma olhada lá... e o nome do css é somente caix,a pq deveria tbm aparecer borda, mas nem sempre aparece!!!Tá certo que existem dois tipos de class, o que fica fora de uma celula de table <span class="nome do css"> </span>e o que fica dentro:<td class="nome do css>No primeiro caso só fica no formato css o que eu marcar, já no segundo formato tudo o que estiver dentro da celula da table, fica no estilo do css que escolhi!!Será que me expliquei ou confundi vcs?[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.

Da uma bizoiada e neste link.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá N4ndo,sua resposta está corretissima, ams veja no meu caso, o css que tenho em uma das paginas:<style type="text/css"><!--.textoverde { color: #33CC99; font-size: 8pt; font-family: verdana; font-weight: bold}.texto { color: #666666; font-size: 8pt; font-family: verdana}.caixa { color: #ff6600; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif}.textoindex { color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif}.botaoopiniao { color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}.textotitulos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; text-decoration: none; color: #FFFFFF}.botao { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}a.botao { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}a.botao:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: none}.barra { border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 0.5px; border-bottom-width: 1px; border-left-width: 0.5px}.bordapontilhada { border: 1px #FF9900 solid}.bordacinza { border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}--></style>Veja está nomeada e se eu colocar um class=nome qualquer, irá ficar de acordo com o estilo nomeado, entende??Então, diria que isso funciona em qualquer lugar, seja texto normal link (caso tenha o css certo), seja form, caixa, button e por ai vai... tenho em meus form, uma coloração meio amarelada, que se não me engano, o nome é vermelhão, dê uma olhada lá... e o nome do css é somente caix,a pq deveria tbm aparecer borda, mas nem sempre aparece!!!Tá certo que existem dois tipos de class, o que fica fora de uma celula de table <span class="nome do css"> </span>e o que fica dentro:<td class="nome do css>No primeiro caso só fica no formato css o que eu marcar, já no segundo formato tudo o que estiver dentro da celula da table, fica no estilo do css que escolhi!!Será que me expliquei ou confundi vcs?[]sRodney

cara explica melhor aí o que tu quer... valeu!!!?

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem sim...pode se usar esse código...<style type="text/css"><!--input { background: #d0d0d0; font-family: verdana; color: black; font-size: 11px; border-color: black; border-width: 1; border-style: solid;}--></style>esse código cria um estilo para todos os inputs inclusive botões...se você quiser adicionar somente aos campos de texto é só colocar:<style type="text/css"><!--input.[nome_classe] { background: #d0d0d0; font-family: verdana; color: black; font-size: 11px; border-color: black; border-width: 1; border-style: solid;}--></style>e aí no input colocar isso....<input class='[nome_classe]'></input>espero ter ajudado....qualquer dúvida estamos aí....

OiPoxa brigadão pela ajuda, era exatamente isso que precisavaobrigada mesmo ;) bjus

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.