How to make opacity to 100 when hover the button? #2859
Unanswered
strongphoenix
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I am customizing the Button using Nextui button.
I don't want opacity effect when hover the button.
This is my code.
![image](https://private-user-images.githubusercontent.com/80874362/325274210-5b0a0a72-8433-438d-baff-4938a179e72e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE0NjYzNzksIm5iZiI6MTcyMTQ2NjA3OSwicGF0aCI6Ii84MDg3NDM2Mi8zMjUyNzQyMTAtNWIwYTBhNzItODQzMy00MzhkLWJhZmYtNDkzOGExNzllNzJlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzIwVDA5MDExOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU0Zjc3NmNiMWViZGYwNjc5N2FlN2UwNjNjNjJlNmI0ZDY0NjZlYTE4ZmMyZDFiYWU2ZDM4ZGZhYzExZDUwYjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.S0-c9KDyCZU2yn7tghftyRhYvmi4tCMtpHQEnzy91aE)
But
data-[hover=true]:!opacity-100
is not working and still I can see the traditional opacity valuedata-[hover=true]:opacity-hover[data-hover=true]{opacity: var(--nextui-hover-opacity) !important
.How can I disable this value?
Thank you.
Beta Was this translation helpful? Give feedback.
All reactions