Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Chrome estiliza tabela e impede alteração

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Estrutura de tabelas e atividade Estilos na tabela

por Alessander Carrião Teixeira Lopes
| 56.4k xp | 2 posts

Chrome estiliza automaticamente tabela e impede alteração.

<table>
        <thead>
            <tr>
                <th>Dia</th>
                <th>Horário</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Segunda</td>
                <td>8h ~ 20h</td>
            </tr>
            <tr>
                <td>Quarta</td>
                <td>8h ~ 20h</td>
            </tr>
            <tr>
                <td>Sexta</td>
                <td>8h ~ 20h</td>
            </tr>
        </tbody>
</table>
2 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa tarde, Alessander! Como vai?

O que vc está tentando fazer que não está dando certo? Poderia descrever melhor a situação? Assim poderei te ajudar de forma efetiva.

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

solução!
por Alessander Carrião Teixeira Lopes
| 56.4k xp | 2 posts

Estou tentando começar a estilizar uma tabela conforme a aula, porém antes mesmo de entrar com CSS, ou seja, entrando somente com o HTML citado logo acima, já recebo a tabela formatada conforme a imagem a seguir:

https://prnt.sc/rr44ub

Logo, quando tento entrar com estilos de css, ele não aceita.

EDIT Resolvi da seguinte forma: Ao invés de editar o THEAD como o professor ensina, editei o TH dentro do THEAD. Logo, anulei a formatação pronta que o html me deu e apliquei a que eu gostaria.

Segue código que anula e cria a formatação correta:

thead th {
    background:grey;
    font-weight: bold;
    border: 2px solid black;
}

td { 
    border: 2px solid black;
}