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

3 respostas
csshtml5boostrap
F

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;

}

3 Respostas

leandrofmarcos

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

N4TH

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

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

E bom vc fazer um CSS inline.

F

era isso mesmo funcionou obrigado

Criado 7 de novembro de 2017
Ultima resposta 7 de nov. de 2017
Respostas 3
Participantes 3