Jump to content
uniGUI Discussion Forums
Sign in to follow this  
rfssilvasp

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

Recommended Posts

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 ?
 
 
 
  • Upvote 1

Share this post


Link to post
Share on other sites

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 */ 
}

Share this post


Link to post
Share on other sites

Olá Luciano !

 

Obrigado pelo retorno !

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

Share this post


Link to post
Share on other sites

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

 

https://drive.google.com/open?id=1rz1Va1JxTieBtZ9tTL5Lo2MYmG8v3iEF

 

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×