Jump to content

Details arrow disappeared using w3.css


MichielH
 Share

Recommended Posts

I just started using w3.css.

I noted that in a summary/details block the arrow to click open or close is not shown any more.

By inspecting the w3.css file, I discovered that the statement "summary {display: block;}" causes the disappearance.

As work-around I removed it, without visible side-effect.

My question: is there an alternative way to get an arrow in w3.css? 

Link to comment
Share on other sites

You shouldn't remove, just override in custom css file below w3css link.

It mentioned here about styling arrows but not perfect as the arrow doesn't swap pointing right to down.

https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/

The other problem is IE/Edge still don't support it even though it has been around since 2017, (one of these days they will catch up! With the other better browsers, they are getting better as they used to be 5 years behind.).

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...