Jump to content
MichielH

Details arrow disappeared using w3.css

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? 

Share this post


Link to post
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.).

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...