[Resolvido] Estilo de fomulario com problema no mozila

[Layo 10]

Boa noite pessoal,

 

Tenho um pequeno problema em um estilo dentro de um formulario de contato que ocorre apenas no mozila firefox:

 

Defino bordas para o botao e os inputs porém mesmo separados os estilos puxam não sei como a borda do input segue o código abaixo:

 

 

textarea, input{

background-color: #FFFFFF;

font: 12px verdana, arial, helvetica, sans-serif;

border:1px solid #CCCCCC; (borda do input)

display:block;

width:350px;

}

 

.botao {

background:#6C2422;

color:#FFFFFF;

border:2px solid #6C2422; (borda do botao)

font-family: Tahoma;

width:50px;

margin-left: 300px;

 

}

.fonte_formulario {color: #999999}

 

Segue abaixo o link para visualização do arquivo:

 

http://comta.com.br/contato/contato.php

 

Valeuu !

[Vinicius Weber 0]

Cara. abri esse link nos 2 e ambos estao iguais (Firefox) e (IE8) uma dica só:

 

Se você vai colocar bordas da mesma cor bo background, por que voçê nao tira e deixa 2 pixel a mais na definição do tamanho, ou seja, você esta carregando coisa atoa aí..

 

Espero ter ajudado

[angelorubin 142]

Bom dia,

 

Creio que seja problema de especificidade na sua declaração.

 

Minha sugestão é declarar uma classe para cada elemento(input,textarea e uma para o input enviar) por exemplo.

 

Da uma lida sobre o assunto aqui para entender melhor - Clique aqui

 

Espero que ajude.

[Layo 10]

Boa tarde

 

Obrigado resolvi o problema oq estava errado é que coloquei o input com o textarea junto sendo que tenho um botao com um hidden ambos tambem são inputs...

 

Coloquei a seguinte classe:

 

 

.campos {

background-color: #FFFFFF;

font: 12px verdana, arial, helvetica, sans-serif;

border:1px solid #CCCCCC;

display:block;

width:350px;

}

 

Sendo assim distribui desse jeito:

 

<input name="msg" type="text" class="fonte_formulario campos" id="msg" size="67" />

 

Os que não tiverem essa definição irá puxar o estilo do botão.

 

 

Valeuu !!