Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Exibição de bordas

Olá! Ao usar as tags fieldset e legend apareceu bordas ao redor do conteúdo. Meu Html

Nome E-mail Telefone Mensagem Como prefere o nosso contato? E-mail Telefone Whattsapp Qual horário prefere ser atendido? ManhãTardeNoite Gostaria de receber nossas novidades pelo e-mail?

Meu css: .topo_pagina { background-color: red; padding: 20px 0; }

.caixa { width: 940px; position: relative; margin: 0 auto; }

.barra_navegacao { position: absolute; top: 50px; right: 0%; }

.logo { display: inline-block; width: 100px; height: 100px; margin: 0%; }

.link_itens { text-transform: uppercase; color: black; font-weight: bold; font-size: 20px; text-decoration: none; margin: 15px; }

.itens_navegacao { display: inline; }

.cardapio { width: 940px; position: relative; margin: 0 auto; }

.cardapio li { display: inline-block; }

.massas { width: 20%; }

.carnes { width: 20%; }

.sobremesas { width: 20%; }

a:hover { color: yellow; }

main { width: 940px; margin: 0 auto; }

form { margin: 40px 0; }

form label, textarea, form p { display: block; font-size: 20px; margin: 10px; }

.input-padrao { display: block; margin: 20px; padding: 10px 25px; width: 50%; }

.checkbox { margin: 20px 0; }

Tirei o required para poder enviar a pergunta rs,

2 respostas
solução!

A formatação padrão do navegador é colocado borda, utilize um reset.css ou retire a borda utilizando seletor de tag.

fieldset { border:none; }

Vlw Marcos! Vou aplicar o reset!