CODEWITHSUNDEEP
htmlcss
user14223521
user14223521

Reputation: 1

How can I remove the disabled icon on a button when hovering?

For react button

<Button
  onClick={() => this.clickHandler()}
  disabled={isTrue}
>
  Enter
</Button>

When I hover the button, here's a circle icon with a line how can I remove this? enter image description here

Upvotes: 0

Views: 1704

Answers (1)

Mohammad Faisal
Mohammad Faisal

Reputation: 2363

You can solve this using css

first attatch a class name to your button

<Button className={ isTrue && "disabled-btn" } > Enter <Button>

Then add the following Css

disabled-btn:hover {
  background: #dddddd;    // change the styling according to your need
}

and don't forget to import the css file in your Component.

Upvotes: 2

Related Questions