Css hover help
#front-end #css
I work in a angular custom component where it creates input and create tab and its content. Now i wanted to create a dropdown menu on one of tabs, i created title dropdown arrow etc. After building, css hover on this menu is overridden by custom tab css . Now what css rule i have to make it the dropdown menu visible. In chrome if i force :hover to the tab title it shows but when i do mouse over, dropdown menu not showing up. Needed advice how to make css for this scenario.
2 Replies
it looks like one of your selectors is incorrect and doesn't match the hover state you are actually encountering. Could you try and make a minimal reproduction of your issue in a codepen so we can help you better ?
Sure i try to reproduce.