-2

gostaria de mudar a cor de um ícone quando faço um hover, estou usando ant design

<button className="button1">
                <div className="content">
                    <Icon type="plus" style={{fontSize: '64px', color: '#ffff'}}/>
                </div>
</button>

não faço ideia de como mudar a cor

1
  • "#Content:hover { background:#ffEE00; }" Já tentou isso?
    – eduardo
    14/10/2019 às 16:24

1 Resposta 1

0

Olá,

Você comentou que está utilizando ant.design e pela sua estrutura parece estar utilizando JSX. Já tentou importar o component de button do ant? Pode usar ele?

Normalmente a biblioteca já constroi um estilo forte para manter todo seu site com um mesmo aspecto visual, mas caso você queira mudar a cor do hover pode usar css direto aplicando na className com o :hover{} ou usar styled-component estilizando o component Button const ButtonS = styled(Button).

O icone gera um i, então você precisa mudar a cor do :hover i {}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .