Jump to content

Problema ao Definir a Cor Branca em Texto de Link com CSS


lmdpires
Ir para a Solução Solucionado por gustavo.lins,

Postagens Recomendadas

Boa noite.

Não estou a conseguir colocar o texto do link a branco, apesar de ter metido o color: #fff, alguém consegue dizer o que está a condicionar a cor branca?

 

.botão_bet  {
padding: 10px;
border: 0px 0;
cursor: pointer;
background-color: #c49d36;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
margin: 0 auto;
border-radius: 2.5rem;
font: bold15px arial,sans-serif;
text-shadow: none;
outline: none;
text-transform: uppercase;
color: #fff;  
height: 2.3125rem;
font-size: .8125rem;
font-weight: 700;
-webkit-appearance: none;
font-family: Lato;

 

Obrigado.

Capture.JPG

Link to comment
Compartilhe em outros sites

  • Casa do Desenvolvedor mudou o título para Problema ao Definir a Cor Branca em Texto de Link com CSS
  • 2 weeks later...

Bom dia.

Contraste: Verifique se o contraste entre o texto branco (color: #fff;) e o fundo (background-color: #c49d36;) é suficiente. Às vezes, se o contraste for muito baixo, o texto branco pode não ser visível. Considere ajustar as cores para garantir um bom contraste.

Cascata de Estilos: Certifique-se de que não há regras CSS posteriores que estejam sobrescrevendo a cor do texto para o botão.

Elemento Selecionado: Confirme se o seletor .botão_bet está sendo aplicado ao elemento desejado na sua página HTML. Certifique-se de que não há erros de digitação no seletor.

Cache do Navegador: Às vezes, as alterações de estilo podem não ser refletidas imediatamente devido ao cache do navegador. Tente limpar o cache ou recarregar a página.

Se, após verificar esses pontos, o problema persistir, pode haver algum detalhe específico na implementação ou na estrutura HTML/CSS que precisamos examinar.

  • Curtir 1
Link to comment
Compartilhe em outros sites

  • Solução

Olá!

Caso esteja utilizando classes de algum framework CSS, estas podem estar interferindo.

Tenta colocar um "!important"... Ele desconsidera outras estilizações e considerará apenas a respectiva linha.

color: #fff !important;

Se possível, envia o código HTML do botão para darmos uma olhada!!

  • Curtir 1
Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora


×
×
  • Create New...