Jump to content


Photo

Mudar a cor da fonte de um botão no CSS


  • Please log in to reply
3 replies to this topic

#1 rfssilvasp

rfssilvasp

    Member

  • Members
  • PipPip
  • 11 posts

Posted 20 December 2017 - 05:13 PM

Pessoal,

Estou usando um CSS na em CustomCSS do ServerModule para personalizar o botão:

 

 
.CorPadraoBotao
{
   background: #87CEEB !important;
   color: #87CEEB !important;
   border-color: #FFFFFF;
   -webkit-transition: background 0.5s ease-in-out;
   transition: background 0.5s ease-in-out;
}
 
Alguém sabe se dá para incluir aí uma propriedade que mude a cor do caption do botão, mantendo tudo no CSS ?
 
 
 

  • 1

#2 Luciano Benito

Luciano Benito

    Member

  • Members
  • PipPip
  • 15 posts
  • LocationSão José dos Pinhais

Posted 03 January 2018 - 06:16 PM

Boa tarde,

   rfssilvasp, veja se ajuda. Abraços.

 

.CorPadraoBotao{
    width:120px;
    height:30px;
    background: #FFCC33; /* amarelo */
    border: 5px solid #00537C; /* borda branca em volta */
    margin: auto; /* centraliza com bordas automáticas nas laterais */
    text-align: center; /* centraliza o texto */
    padding: 6px 0px 6px 0px; /* espaços top right bottom left */
    font-family: Source Sans Pro; /* fonte */
    font-size: 16px;  /* tamanho da fonte */
    color: #4D4D4F; /* cor fonte */ 
}

  • 0

#3 rfssilvasp

rfssilvasp

    Member

  • Members
  • PipPip
  • 11 posts

Posted 02 February 2018 - 02:51 PM

Olá Luciano !

 

Obrigado pelo retorno !

A cor da fonte não funcionou, fica como está no inspector, qualquer string que eu coloque em color.


  • 0

#4 Luciano Benito

Luciano Benito

    Member

  • Members
  • PipPip
  • 15 posts
  • LocationSão José dos Pinhais

Posted 22 February 2018 - 01:09 PM

Bom dia rfsilvasp,
   além do CSS você precisa apontar no JavaScript, veja o link abaixo.

 

https://drive.google...L5Lo2MYmG8v3iEF

 

Você também pode criar um botão HTML com "UniLabel", abaixo um formato simples mas você pode explorar melhor o html.

 

Object Inspector

Caption: = <button type="button" class="btn btn-warning btn-lg">Botão Teste</button> 

TextConversion:= txtHTML

 

Att. Luciano


  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users