Com a classe Bootstrap table-striped
, todas as outras linhas da minha tabela têm uma cor de plano de fundo igual a #F9F9F9
. Como posso mudar essa cor?
css
twitter-bootstrap
html-table
drake035
fonte
fonte
Adicione o seguinte estilo CSS após carregar o Bootstrap:
fonte
Se você estiver usando o Bootstrap 3, poderá usar o método de Florin ou usar um arquivo CSS personalizado.
Se você usar menos código-fonte do Bootstrap em vez de arquivos css processados, poderá alterá-lo diretamente
bootstrap/less/variables.less
.Encontre algo como:
fonte
Você tem duas opções: substitui os estilos por uma folha de estilo personalizada ou edita o arquivo css principal de inicialização. Eu prefiro o primeiro.
Seus estilos personalizados devem ser vinculados após a inicialização.
No
custom.css
fonte
Não personalize o CSS do seu bootstrap editando diretamente o arquivo CSS do bootstrap. Em vez disso, sugiro copiar e colar o CSS do bootstrap e salvá-los em uma pasta CSS diferente, para que você possa personalizar ou editar estilos adequados às suas necessidades.
fonte
Use 'par' para alterar a cor das linhas pares e 'ímpar' para alterar a cor das linhas ímpares.
fonte
Excluir listrado de tabela É anular suas tentativas de alterar a cor da linha.
Então faça isso em css
fonte
Achei esse padrão quadriculado (como um subconjunto da faixa da zebra) uma maneira agradável de exibir uma tabela de duas colunas. Isso é escrito usando CSS MENOS e exclui todas as cores da cor base.
Note que eu larguei o
.table-striped
, mas não parece importar.Parece:
fonte
Com Bootstrap 4, a configuração css responsável
bootstrap.css
para.table-striped
é:Para uma solução muito simples, eu apenas a copiei no meu
custom.css
arquivo e alterei os valores debackground-color
, para que agora eu tenha um tom azul claro mais sofisticado:fonte
Se você realmente deseja reverter as cores, adicione uma regra que torne as linhas "ímpares" brancas, além de tornar as linhas "pares" a cor que desejar.
fonte
A maneira mais fácil de alterar a ordem das faixas:
Adicione tags vazias
tr
antes da tabela tr.fonte