GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

[Resolvido]Não consigo mudar cor de fundo do button do Bootstrap

boostrap
css
html5
Tags: #<Tag:0x00007fbf1d5f1f70> #<Tag:0x00007fbf1d5f1e30> #<Tag:0x00007fbf1d5f1cf0>

#1

Não estou conseguindo mudar cor de fundo do button do bootstrap para branco ao invés de cinza

HTML com Scriptlet

       out.println("<div class='conteudo_paginacao'> "); 
       out.println("<div class='row'> ");  


  out.println("<div class='btn-group' role='group' aria-label='Basic example'> ");    
  out.println("<button type='button' class='btn btn-secondary'> "); 
 out.println("<div class='caixa_quantidade'> ");
  Integer quantidadeRegistros= (Integer)  request.getAttribute("totalProdutos");
 out.println("Resultados "+quantidadeRegistros); 
  out.println("</div>"); 

out.println("</button>");
int pagAnterior;
 if(Integer.parseInt(numPagina)>1){
pagAnterior=Integer.parseInt(numPagina)-1;

  out.println("<div class='col-sm-3'> ");
  out.println("<button type='button' class='btn btn-secondary'> ");
  out.println("<div class='caixa_quantidade2'> ");
  out.println("<div class='conteudo2'><a href=ListarProdutosPaginada?
 numeroPagina="+pagAnterior+">Anterior</a></div>");
  out.println("</div>"); 
  out.println("</div>"); 
  out.println("</button>");

  }else{
  }

   for(int i=1;i<=totalPaginas;i++){
   out.println("<button type='button' class='btn btn-secondary'> "); 
       out.println("<div class='paginacao'><a href=ListarProdutosPaginada?numeroPagina="+i+">"+i+"
 </a></div>");
        out.println("</button>");
         }


         int proximaPag;
         if((totalRegistros-(Integer.parseInt(numPagina)*limite))>0){
          proximaPag=Integer.parseInt(numPagina)+1;
           out.println("<button type='button' class='btn btn-secondary'> "); 
             out.println("<div class='caixa_quantidade2'> "); 
         out.println("<div class='conteudo2'><a href=ListarProdutosPaginada?
          numeroPagina="+proximaPag+"&ordenacao"+ordenacao+">Proxima</a></div>");
        out.println("</div>"); 
       out.println("</button>"); 

          }

          out.println("</div>");  
        out.println("</div>");
         out.println("</div>"); 

CSS

.btn .btn-secondary{

background-color: white;

}


#2

Use o !important para sobrescrever. No caso “background-color: white !important;”


#3

@Felipe100 Essa sua .class do button deve está assim >>

.btn-secondary{
     background-color: white;
}

E bom vc fazer um CSS inline.


#4

era isso mesmo funcionou obrigado