1
resposta

Fieldset comportamento visual diferente entre navegadores

Olá, ao aplicar o fieldset, no navegador Google Chrome foi aplicada uma "caixa" em torno do conteúdo; já no Firefox visualmente nada muda.

<fieldset>
                <legend>Como prefere nosso contato?</legend>

                <label for="radio-email"><input type="radio" name="contato" value="Email" id="radio-email">Email</label>

                <label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone">Telefone</label>

                <label for="radio-whatsapp"><input type="radio" name="contato" value="whatsapp" id="radio-whatsapp" checked>Whatsapp</label>
            </fieldset>

            <fieldset>
                <legend>Qual horário prefere ser atendido?</legend>
                <select>
                    <option>Manhã</option>
                    <option>Tarde</option>
                    <option>Noite</option>
                </select>
            </fieldset>
1 resposta

Olá David, tudo bem?

A tag <fieldset> é suportada por vários navegadores, porém é renderizada de maneira diferente em cada um, gerando assim algumas diferenças. Essas diferenças podem ser posteriormente corrigidas com o CSS.

Continue praticando e bons estudos!