React button hover css pseudoclass not working

Question

I am making a todo app using react and faunadb. In the main UI there is a button which when hovered on I want to change cursor to pointer. This is the button JSX:

<button className="add-btn"><FontAwesomeIcon icon={faPlus}/></button>

And this is the CSS:

.add-btn:hover{
  cursor: pointer;
}

Konstantin Samarin · Accepted Answer · 2021-02-20 12:13:23Z

1

Omit :hover, simply declare

.add-btn {
  cursor: pointer;
}

answered Feb 20, 2021 at 12:13

Konstantin Samarin

8677 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brijesh Gujarati · Accepted Answer · 2021-02-20 12:19:14Z

0

<button className="btn hover"><FontAwesomeIcon icon={faPlus}/></button>

add css

.hover:hover{
  cursor: pointer;
}

answered Feb 20, 2021 at 12:19

Brijesh Gujarati

1563 bronze badges

Collectives™ on Stack Overflow

React button hover css pseudoclass not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related